@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');
:root {
    --theme: #f05e27;
    --dark: #e04b13;
    --gray: #a6a6a6;
}

html {
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
}

body {
    font-family: 'Montserrat', sans-serif;
    background: url(../images/main-bg.jpg);
    background-size: cover;
    background-attachment: fixed;
    color: #000;
}

a,
a:hover {
    text-decoration: none;
    transition: 0.2s ease;
}
a:focus {
    outline: 0;
    box-shadow: none;
}

.form-control:focus {
    box-shadow: none;
    border-color: var(--theme);
}

.gray {
    color: var(--gray);
}


/* login-signup */

.login-bg {
    background: linear-gradient(to right, #fff 30%, #f9f7fa 0);
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
}

.middle-box {
    width: 80%;
}

.left-white-part {
    z-index: 0;
}

.left-white-part:before {
    position: absolute;
    content: '';
    right: 0;
    top: 0;
    background: #fff;
    height: 100vh;
    width: 800px;
    z-index: -1;
    transform: scaleY(1.5);
}

.left-part .log-img {
    height: 30px;
}
.left-part .attendersContactformLogo,
.text-right .attendersContactformLogo,
.form-attend-footer .attendersContactformLogo,
.form-attend-header .attendersContactformLogo {
    height: 30px;
    /*min-height:50px;*/
    /*max-height:60px;*/
    max-width: 250px;
    width: auto;
    /*filter: drop-shadow(0px 0px 6px rgb(135, 135, 135));*/
}
.alreadyAttended .state-page {
    min-height: auto;
}
.left-part h5 {
    font-size: 30px;
    font-weight: 700;
    color: #171c2c;
    margin-top: 40px;
}

.left-part h5 span {
    color: var(--theme);
}

.left-part h6 {
    font-size: 30px;
    font-weight: 500;
    color: #171c2c;
    letter-spacing: 1.8px;
}

.left-part .log-vector {
    width: 125%;
    margin-top: 70px;
}

.right-part {
    padding: 0 20px;
}

.form-attend-invite .left-part h5 {
    font-size: 24px;
}

.form-attend-invite .left-part h6 span {
    font-weight: 600;
    text-transform: capitalize;
    word-break: break-all;
}

.form-attend-invite .left-part h6 {
    font-size: 24px;
    letter-spacing: 1px;
}

.form-attend-invite .left-part p {
    font-size: 24px;
    line-height: 1.2;
    margin-bottom: 0.5rem;
}

.form-attend-invite .right-part {
    padding: 0 0 0 6.5rem;
}

.form-attend-invite .attend-invite-img {
    width: 90%;
}

.right-part .login-box {
    background: #fff;
    padding: 40px;
    box-shadow: 0 10px 30px 0 rgb(213 213 213 / 40%);
    border-radius: 10px
}

.right-part .login-box h5 {
    font-size: 24px;
    font-weight: 600;
    color: #171c2c;
    margin-bottom: 10px;
}

.right-part .login-box p {
    font-size: 14px;
    font-weight: 500;
    color: var(--gray);
}

.right-part .login-box p small {
    font-size: 12x;
    font-weight: 500;
}

.right-part .login-box a {
    font-weight: 600;
    color: var(--theme);
}

.right-part .login-box a:hover {
    color: #171c2c;
}

.login-box .social-login {
    display: flex;
    justify-content: space-between;
}

.login-box .social-login a {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #000;
    border-radius: 5px;
    padding: 8px 10px;
    color: #000;
    font-weight: 600;
    font-size: 12px;
    width: 48%;
}

.login-box .social-login a:first-child:hover {
    background: #3177F6;
    border-color: #3177F6;
    color: #fff;
}

.login-box .social-login a:last-child:hover {
    background: #4267b2;
    border-color: #4267b2;
    color: #fff;
}

.login-box .social-login a img {
    margin-right: 10px;
    height: 28px;
    background: #fff;
    padding: 4px;
    border-radius: 50%;
}

.login-box .log-seperator {
    text-align: center;
    margin: 20px 0 10px;
    font-size: 14px;
    color: var(--gray);
    font-weight: 500;
    position: relative;
}

.login-box .log-seperator:before {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    width: 100px;
    height: 2px;
    background: #e4e4e4;
    transform: translateX(-50%);
}

.login-box .log-seperator div {
    display: inline-block;
    padding: 0 10px;
    background: #fff;
    position: relative;
}

.login-box form label {
    font-size: 12px;
    font-weight: 500;
    color: #171c2c;
}

.login-box form .form-control::placeholder {
    color: var(--gray);
    font-weight: 600;
}

.login-box form .form-control {
    font-size: 12px;
    font-weight: 600;
    color: #171c2c;
    height: 40px;
    border: 1px solid #e0e4e9;
}

.login-box form .form-control:focus {
    font-size: 12px;
    font-weight: 600;
    color: #171c2c;
    height: 40px;
    border-color: var(--theme);
}

.label-with-forgot {
    display: flex;
    justify-content: space-between;
}

.login-box form .username {
    display: flex;
    justify-content: space-between;
}

.login-box form .username .form-group {
    width: 48%;
}

.login-box form .btn {
    width: 100%;
    background: var(--theme);
    color: #fff;
    font-weight: 600;
    font-size: 12px;
    padding: 10px;
    margin-top: 5px;
    box-shadow: 0 4px 8px 0 rgb(240 94 39 / 30%);
}

.login-box form .btn:hover {
    background: var(--dark);
}


/* header */

.fixed-header {
    position: fixed;
    z-index: 1040;
}

.top-header {
    background: #fff;
    border-bottom: 1px solid #efefef;
}

.navbar-logo {
    display: flex;
    align-items: center;
}

.navbar-logo img {
    width: 65px;
    height: 65px;
    background: var(--theme);
    text-align: center;
    line-height: 65px;
    padding: 12px;
}

.navbar-brand {
    margin-left: 15px;
    line-height: 18px;
    color: var(--theme);
    text-transform: uppercase;
    font-weight: 700;
    font-size: 19px;
}

.navbar-brand:hover, .navbar-brand:focus {
    text-decoration: none;
    color: #f05e27;
}

.navbar-brand span {
    color: #000;
    display: block;
    font-weight: 600;
    font-size: 13px;
}

.navbar-toggler {
    padding: 0 15px;
    border: none;
    color: var(--theme);
}

.navbar-toggler-icon {
    font-size: 30px;
    height: 30px;
    width: auto;
    display: inline-block;
}

.search-form {
    width: 275px;
    margin-right: 15px;
}

.navbar-nav.profile-menu li .dropdown-menu {
    padding: 0;
    margin-top: 17px;
    top: 100%;
    border: none;
    min-width: 250px;
    left: auto;
    right: 0;
    border-radius: 0 0 0.25rem 0.25rem;
    overflow: hidden;
    box-shadow: 0 4px 12px 0 rgb(125 125 125 / 13%);
    border-top: 1px solid #efefef;
    opacity: 1;
    visibility: visible;
    transition: all 0.3s ease-in-out;
}

.slideIn {
    -webkit-animation-name: slideIn;
    animation-name: slideIn;
    animation-duration: 0.3s;
    -webkit-animation-duration: 0.3s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
}

@keyframes slideIn {
    0% {
        transform: translateY(1rem);
        opacity: 0;
    }
    100% {
        transform: translateY(0rem);
        opacity: 1;
    }
    0% {
        transform: translateY(1rem);
        opacity: 0;
    }
}

@-webkit-keyframes slideIn {
    0% {
        -webkit-transform: translateY(1rem);
        -webkit-opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        -webkit-opacity: 1;
    }
    0% {
        -webkit-transform: translateY(1rem);
        -webkit-opacity: 0;
    }
}

.scaleIn {
    -webkit-animation: scaleIn 1s infinite;
    animation: scaleIn 1s infinite;
}

@keyframes scaleIn {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
    100% {
        transform: scale(1);
    }
}

@-webkit-keyframes scaleIn {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
    100% {
        transform: scale(1);
    }
}

.navbar-nav.profile-menu li .dropdown-menu.notification {
    margin-top: 0;
}

.progress-box {
    background: #f7f7f7;
    padding: 18px 15px 22px;
}

.progress-box p {
    margin-bottom: 3px;
    font-size: 12px;
    font-weight: 600;
    display: flex;
    justify-content: space-between;
}

.progress-box p strong {
    color: #949494;
    font-weight: 600;
}

.progress-box .progress {
    margin-bottom: 20px;
    background: #e5e5e5;
    height: 5px;
}

.progress-box .progress:last-child {
    margin-bottom: 0;
}

.progress-box .progress-bar.orange {
    background: var(--theme);
}

.progress-box .progress-bar.purple {
    background: #7157c7;
}

.navbar-nav.profile-menu li .dropdown-menu .logout-tab a {
    border-top: 1px solid #eee;
    color: var(--gray);
}

.navbar-nav.profile-menu li .dropdown-menu a {
    display: block;
    padding: 10px 15px;
    color: #000;
    font-size: 12px;
    font-weight: 600;
}

.navbar-nav.profile-menu li .dropdown-menu a ion-icon {
    vertical-align: middle;
    font-size: 16px;
    margin-right: 2px;
}

.navbar-nav.profile-menu li .dropdown-menu a:hover {
    color: var(--theme);
    background: #f7f7f7;
}

.navbar-nav.profile-menu li .dropdown-menu.notification a {
    font-weight: 400;
    position: relative;
    padding-left: 27px;
}

.navbar-nav.profile-menu li .dropdown-menu.notification a:before {
    position: absolute;
    content: '';
    width: 8px;
    height: 8px;
    background: var(--gray);
    left: 13px;
    top: 16px;
    border-radius: 50%;
}

.navbar-nav.profile-menu li .dropdown-menu.notification a.new:before {
    background: var(--theme);
}

.navbar-nav.profile-menu li .dropdown-menu.notification .mark-all a:before {
    display: none;
}

.navbar-nav.profile-menu li .dropdown-menu.notification a span {
    display: block;
    color: var(--gray);
    font-weight: 600;
}

.navbar-nav.profile-menu li .dropdown-menu .mark-all a {
    border-top: 1px solid #eee;
    font-weight: 700;
    padding-left: 15px;
}

.navbar-expand-lg .navbar-nav .nav-link.link-icon {
    padding: 20px;
    border-right: 1px solid #f9f7fa;
    position: relative;
}

.navbar-expand-lg .navbar-nav .nav-link.link-icon.borderLeft {
    border-left: 1px solid #f9f7fa;
}

.navbar-nav .bell-notify:before {
    position: absolute;
    content: '';
    width: 7px;
    height: 7px;
    background: var(--theme);
    right: 15px;
    top: 17px;
    border-radius: 50%;
}

.navbar-nav .link-icon img,
.navbar-nav .search-icon-mob img {
    height: 22px;
}

.search-form .input-group-text {
    border-radius: 30px 0 0 30px;
    border-color: #dedede;
    background: #fff;
    padding-right: 0;
    border-right: none;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.search-form.border-color .input-group-text {
    border-color: var(--theme);
}

.search-form .input-group-text img {
    height: 16px;
}

.search-form input {
    border-left: none;
    border-radius: 0 30px 30px 0;
    border-color: #dedede;
    font-weight: 500;
    font-size: 12px;
}

.search-form input:focus {
    border-color: #dedede;
}

.search-form.border-color input {
    border-color: var(--theme);
}

.search-form input.form-control::placeholder {
    color: var(--gray);
}

.navbar-nav .user-menu button {
    display: flex;
    align-items: center;
    background: #fff;
    border: none;
    text-align: left;
    padding: 0;
    margin: 0 15px;
}

.navbar-nav .user-menu .img-box {
    height: 30px;
    width: 30px;
    overflow: hidden;
    object-fit: cover;
    text-align: center;
    margin-right: 10px;
    border-radius: 50%;
    background: var(--theme);
    color: #fff;
    font-weight: 600;
    line-height: 30px;
}

.navbar-nav .user-menu .img-box img {
    height: 100%;
    object-fit: cover;
}

.navbar-nav .user-menu .img-box p {
    margin: 0;
}

.navbar-nav .user-menu i {
    margin-left: 10px;
}

.user-menu .dropdown-toggle h5 {
    color: #000;
    font-weight: 700;
    font-size: 13px;
    margin: 0;
}

.user-menu .dropdown-toggle h6 {
    color: #bbbaba;
    font-size: 12px;
    margin: 0;
}

.user-menu .dropdown-toggle i {
    color: #bbbaba;
}

.user-menu .dropdown-toggle::after {
    display: none;
}

.search-icon-mob {
    display: none;
}

.mobile-toggle-btn {
    display: none;
}

.nav-link.mobile-view-toggle {
    position: relative;
    z-index: 999;
    right: 0;
    top: 0;
    padding: 21px 15px;
    margin-left: 10px;
    text-align: center;
    color: #737373;
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-left: 1px solid #f9f7fa;
}


/* left-sidebar */

.left-sidebar {
    position: fixed;
    left: 0;
    top: 65px;
    width: 65px;
    height: calc(100vh - 65px);
    background: #fff;
    border-right: 1px solid #efefef;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: 0.2s ease;
}

.left-sidebar ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.left-sidebar ul li {
    margin: 10px 0 0;
    text-align: center;
}

.left-sidebar ul li a {
    padding: 15px;
    display: block;
}

.left-sidebar ul li a img {
    width: 22px;
    transition: 0.2s ease;
}

.left-sidebar ul li.main-list.active>a img,
.left-sidebar ul li.main-list>a:hover img {
    -webkit-filter: drop-shadow(0 5px 5px rgb(240 94 39 / 90%));
    filter: drop-shadow(0 5px 5px rgb(240 94 39 / 90%));
}

.submenu {
    position: absolute !important;
    left: 65px;
    width: 220px;
    top: 0;
    background: #fff;
    display: block;
    height: calc(100vh - 65px);
    border-top: 1px solid #efefef;
    border-right: 1px solid #efefef;
    opacity: 0;
    visibility: hidden;
    transition: 0.2s opacity 0.2s, 0.2s visibility 0.2s;
}

.left-sidebar .submenu li {
    margin: 0;
    text-align: left;
    padding-left: 15px;
}

.left-sidebar .submenu li.list-header {
    padding-top: 14px;
    padding-bottom: 14px;
}

.left-sidebar .submenu li.seperator {
    padding: 0;
    border-top: 1px solid #efefef;
    margin: 15px 0;
}

.left-sidebar .submenu li.seperator.sepr-one {
    margin-top: 0;
}

.submenu li .workspace {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.submenu li .workspace .my-work {
    font-weight: 600;
    font-size: 15px;
    line-height: 16px;
}

.submenu li .workspace .my-work span {
    display: block;
    font-weight: 500;
    color: var(--gray);
    font-size: 11px;
}

.submenu li .workspace .work-links {
    display: flex;
}

.submenu li .workspace .work-links a {
    margin: 0 15px 0 0;
    padding: 0;
    cursor: pointer;
}

.submenu li .workspace .work-links a img {
    height: 16px;
    width: auto;
}

.submenu li .workspace .work-links a:hover img {
    -webkit-filter: drop-shadow(0 5px 5px rgb(240 94 39 / 65%));
    filter: drop-shadow(0 5px 5px rgb(240 94 39 / 65%));
}

.submenu li.menu-item {
    margin: 6px 0 0;
}

.submenu .menu-item a {
    color: var(--gray);
    font-size: 12px;
    font-weight: 500;
    border-radius: 5px 0 0 5px;
    padding: 8px 15px;
    border-right: 4px solid transparent;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-transform: capitalize;
}

.submenu .menu-item a span {
    color: var(--gray);
    font-weight: 700;
}

.submenu .menu-item a ion-icon {
    font-size: 18px;
    margin-right: 5px;
    vertical-align: top;
}

.submenu .menu-item a.active,
.submenu .menu-item a.active:hover {
    background: #f7f7f7;
    color: var(--theme);
    border-color: var(--theme);
    font-weight: 700;
}

.submenu .menu-item a:hover {
    background: #f7f7f7;
    color: #000;
}

.submenu .menu-item a:hover ion-icon {
    color: var(--theme);
}

.first-menu li.active .submenu {
    visibility: visible;
    opacity: 1;
}

.highcharts-exporting-group,
.highcharts-credits {
    display: none !important;
}

#zig-zag-chart .highcharts-exporting-group{
    display: block !important;
}
.highcharts-exporting-group .highcharts-button:first-child rect, .highcharts-exporting-group .highcharts-button.highcharts-button-pressed:first-child rect {
    fill: #e6ebf5;
}
.highcharts-exporting-group .highcharts-button:first-child text, .highcharts-exporting-group .highcharts-button.highcharts-button-pressed:first-child text{
    color:#000 !important;
    font-weight:bold !important;
    fill:#000 !important;
}
.highcharts-exporting-group .highcharts-button.highcharts-button-normal:first-child rect {
    fill: #fff;
}
.highcharts-exporting-group .highcharts-button.highcharts-button-normal:first-child text{
    color:#039 !important;
    font-weight:normal !important;
    fill:#039 !important;
}
.highcharts-background {
    fill: transparent;
}

path.highcharts-axis-line {
    stroke: #f1f1f1;
}

.highcharts-xaxis .highcharts-axis-line {
    display: none;
}

.highcharts-axis-labels text {
    font-size: 10px !important;
    fill: #a6a6a6 !important;
}

.left-side-menu {
    height: calc(100vh - 345px);
}

.left-side-menu.formanalytic-menu {
    height: calc(100vh - 410px);
}

.workspace-height {
    height: 130px;
}
.left-side-menu ::-webkit-scrollbar-track
{
    box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
    border-radius: 20px;
    background-color: #F5F5F5;
}

.left-side-menu ::-webkit-scrollbar
{
    width: 6px;
    background-color: #F5F5F5;
}

.left-side-menu ::-webkit-scrollbar-thumb
{
    border-radius: 20px;
    background-color: #C7C7C7;
}

.sidebar-graph {
    width: 100%;
    background: #f7f7f7;
    padding: 20px 0;
    margin-top: 0;
    position: absolute;
    bottom: 0;
    left: 0;
}
.fixed-form{
    height:180px;
    width: 180px;
    margin: auto;
}

.stats-box {
    font-size: 12px;
    color: #171c2c;
    font-weight: 500;
    padding: 0 15px;
}

.stats-box .forms-stats {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
}

.stats-box .forms-stats i {
    margin-right: 2px;
    font-size: 9px;
}

.stats-box .forms-stats:first-child i {
    color: var(--theme);
}

.stats-box .forms-stats:nth-child(2) i {
    color: #7157c7;
}

.stats-box .forms-stats:nth-child(3) i {
    color: #45aa41;
}

.stats-box .forms-stats span {
    font-weight: 700;
}

.stats-box .forms-stats span strong {
    color: #949494;
}

.dropdown-menu.search-bar {
    border: none;
    left: auto !important;
    min-width: 220px;
    top: 27px !important;
    margin: 0;
    right: 0;
    background: transparent;
}

.fb-page-head .dropdown-menu.search-bar {
    min-width: 319px;
}

.search-bar input {
    border-color: #efefef;
    font-weight: 500;
    font-size: 12px;
    border-radius: 0;
    height: 34px;
}


/* right-container */

.right-container {
    position: relative;
    width: calc(100% - 285px);
    min-height: 100vh;
    padding-top: 65px;
    margin-left: 285px;
}

.bg-white {
    background: #fff;
}

.right-container.only-left-strip {
    width: calc(100% - 65px);
    margin-left: 65px;
}

.right-container.only-left-strip .center-box img {
    width: 25rem;
}

.bg-white {
    background: #fff;
}

.right-container.only-left-strip {
    width: calc(100% - 65px);
    margin-left: 65px;
}

.right-container.only-left-strip .center-box img {
    width: 25rem;
}

.center-box {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.create-new-form{
	text-align: center;
	/* height: 100%; */
}

.create-new-form a {
    padding: 55px 30px;
    display: inline-block;
    background: var(--theme);
    color: #fff;
    font-weight: 500;
    border-radius: 30px;
    position: relative;
}

.create-new-form a:hover {
    background: #fff;
    color: var(--theme);
}

.create-new-form a:hover .plus-icon {
    background: var(--theme);
    color: #fff;
}

.create-new-form a::before {
    -webkit-animation: 2s linear infinite blow;
    animation: 2s linear infinite blow;
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 30px;
    z-index: 0;
}


@-webkit-keyframes blow {
    0% {
        box-shadow: 0 0 0 0 rgba(240 94 39 / 30%);
        opacity: 1;
        transform: scale3d(1, 1, .5)
    }
    50% {
        box-shadow: 0 0 0 6px rgba(240 94 39 / 30%);
        opacity: 1;
        transform: scale3d(1, 1, .5)
    }
    100% {
        box-shadow: 0 0 0 12px rgba(240 94 39 / 30%);
        opacity: 0;
        transform: scale3d(1, 1, .5)
    }
}

@keyframes blow {
    0% {
        box-shadow: 0 0 0 0 rgba(240 94 39 / 30%);
        opacity: 1;
        transform: scale3d(1, 1, .5)
    }
    50% {
        box-shadow: 0 0 0 6px rgba(240 94 39 / 30%);
        opacity: 1;
        transform: scale3d(1, 1, .5)
    }
    100% {
        box-shadow: 0 0 0 12px rgba(240 94 39 / 30%);
        opacity: 0;
        transform: scale3d(1, 1, .5)
    }
}

.create-new-form a .plus-icon {
    width: 60px;
    height: 60px;
    display: inline-block;
    background: #fff;
    color: var(--theme);
    font-size: 40px;
    font-weight: 400;
    border-radius: 50%;
    box-shadow: 0 5px 10px 0 rgb(0 0 0 / 10%);
    line-height: 60px;
}

.create-new-form a .plus-text {
    display: block;
    margin-top: 10px;
    font-size: 16px;
}

.create-new-form h4 {
    font-weight: 500;
    margin-top: 45px;
    font-size: 28px;
    color: #000;
}

.create-new-form h5 {
    font-weight: 300;
    font-size: 14px;
    color: #000;
}


/* filter header */

.inner-content {
    padding: 35px 30px;
}

.inner-content h5,
.inner-content h5 a {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    color: #171c2c;
    text-transform: capitalize;
}

.filter-menu {
    display: flex;
    align-items: normal;
    justify-content: flex-end;
}

.filter-menu ul {
    padding: 0;
    list-style: none;
    margin: 0;
    margin-left: 20px;
    display: flex;
}

.filter-menu ul li {
    display: inline-block;
}

.filter-menu ul li a {
    color: var(--gray);
    display: block;
	font-size: 11px;
}

.filter-menu ul.users li {
    height: 33px;
    width: 33px;
	line-height: 33px;
    overflow: hidden;
    text-align: center;
    border-radius: 50%;
    background: #fff;
    margin-right: -12px;
    position: relative;
    z-index: 1;
}

.filter-menu ul.users li img {
    border-radius: 50%;
}

.filter-menu ul.users li.add-new-user {
    margin-left: 20px;
    border-color: #fff;
    margin-right: 0;
}

.filter-menu ul.users li i {
    font-size: 18px;
    line-height: 27px;
}

.filter-menu ul.sort-by li.asc-desc {
    display: flex;
    background: #fff;
    border-radius: 5px;
}

.filter-menu ul.sort-by li.asc-desc>a {
    position: absolute;
    background: transparent;
    padding: 0;
    padding-left: 10px;
}

.filter-menu ul.sort-by li.asc-desc a img {
    height: 10px;
    margin-right: 8px;
}

.filter-menu ul.sort-by li.asc-desc .form-control {
    width: 78px;
    height: 33px;
    background: transparent;
}

.filter-menu ul.sort-by li.asc-desc .form-control.fit-width {
    min-width: 130px;
}

.filter-menu ul.sort-by li.asc-desc .form-control .dropdown-toggle {
    line-height: 33px;
    background: transparent;
    font-size: 10px;
    font-weight: 700;
    color: var(--gray);
    padding: 0;
    z-index: 0;
    padding-left: 30px;
    border: none;
    height: 33px;
}

.filter-menu ul.sort-by li.asc-desc .form-control.fit-width .dropdown-toggle {
    padding-right: 15px;
}

.filter-menu ul.sort-by li.asc-desc .form-control.fit-width .dropdown-menu,
.filter-menu ul.sort-by li.asc-desc .form-control.fit-width .dropdown-menu .inner.show {
    min-height: auto !important;
}

.filter-menu ul.sort-by li.asc-desc .form-control .dropdown-toggle:after {
    display: none;
}

.bootstrap-select .dropdown-toggle:focus {
    outline: none !important;
    box-shadow: none;
    border: none;
}

.filter-menu ul.sort-by li.asc-desc .form-control div.dropdown-menu {
    box-shadow: 0 11px 61.1px 3.9px rgb(34 34 34 / 9%);
    padding: 4px 2px;
    border: none;
    margin-top: 34px;
}

.form-control.bootstrap-select div.dropdown-menu {
    -webkit-animation-name: slideIn;
    animation-name: slideIn;
    animation-duration: 0.3s;
    -webkit-animation-duration: 0.3s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    margin-top: 40px;
}

.customanimation div.dropdown-menu {
    animation-name: none !important;
    height:300px !important;
}

.assigned-table .form-control.bootstrap-select div.dropdown-menu {
    -webkit-animation-name: none;
    animation-name: none;
}

.filter-menu ul.sort-by li.asc-desc .form-control .dropdown-menu li {
    display: block;
}

.filter-menu ul.sort-by li.asc-desc .form-control .dropdown-menu li a {
    padding: 4px 11px;
    font-size: 10px;
    font-weight: 700;
    height: auto;
    display: block;
    border-radius: 3px;
}

.filter-menu ul.sort-by li a,
.filter-menu ul.grid-list li a {
    padding: 0 11px;
    background: #fff;
    border-radius: 5px;
    height: 33px;
    display: flex;
    align-items: center;
}

.filter-menu ul.grid-list li a {
    border-radius: 0;
}

.filter-menu.form-edit ul {
    margin: 0;
}

.filter-menu.form-edit ul.preview {
    margin-left: 12px;
}

.filter-menu.form-edit ul.grid-list li a {
    font-weight: 600;
    font-size: 10px;
    border-left: 1px solid #ebeef5;
    transition: 0.2s ease;
}

.filter-menu.form-edit ul.grid-list li a:hover {
    box-shadow: inset 0 0 3px 0 #eee;
}

.filter-menu.form-edit ul.grid-list li a i {
    color: #000;
    margin-right: 6px;
}

.filter-menu.form-edit ul.grid-list.preview li a i {
    margin-right: 0;
    font-size: 14px;
}

.filter-menu ul.grid-list li a.active {
    background: var(--theme);
    color: #fff;
}

.filter-menu ul.grid-list li:first-child a {
    border-radius: 5px 0 0 5px;
}

.filter-menu ul.grid-list li:last-child a {
    border-radius: 0 5px 5px 0;
}


/* grid view & list view */

.listGridPage .tab-content>.active {
    display: flex;
}

.create-new-box {
    flex: 0 0 20%;
    max-width: 20%;
    margin-bottom: 20px;
}

.grid-view-part .create-new-form a,
.list-view-part .create-new-form a {
    background: #fff;
    color: #000;
	font-weight: 600;
	border-radius: 8px;
	width: 100%;
	height: 100%;
	top: 0;
}
.grid-view-part .create-new-form a:hover, 
.list-view-part .create-new-form a:hover{
	background: var(--theme);
    color: #fff;
}

.list-view-part .create-new-form a {
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 70px;
    top: 0;
}

.grid-view-part .create-new-form a .plus-text,
.list-view-part .create-new-form a .plus-text {
    font-size: 14px;
}

.list-view-part .create-new-form a .plus-text {
    margin: 0;
}

.grid-view-part .create-new-form a::before,
.list-view-part .create-new-form a::before {
    display: none;
}

.grid-view-part .create-new-form a .plus-icon,
.list-view-part .create-new-form a .plus-icon {
    background: var(--theme);
    color: #fff;
}

.list-view-part .create-new-form a .plus-icon {
    width: 42px;
    height: 42px;
    font-size: 38px;
    line-height: 42px;
    margin-right: 15px;
}

.created-form {
    height: 100%;
    border-radius: 8px;
    background: #f9f7fa;
    transition: 0.2s ease;
    position: relative;
    top: 0;
}

.grid-view-part .create-new-form a:hover,
.list-view-part .create-new-form a:hover,
.created-form:hover,
.new-notify-box:hover {
    top: -2px;
    box-shadow: 0 14px 24px rgba(62, 57, 107, .2);
}

.grid-view-part .create-new-form a:hover .plus-icon,
.list-view-part .create-new-form a:hover .plus-icon {
    background: #fff;
    color: var(--theme);
}

.created-form .form-head {
    background: var(--theme);
    padding: 20px;
    border-radius: 8px 8px 0 0;
}

.created-form .form-head h5 {
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-transform: capitalize;
}
.created-form .form-head h5 a{
	word-break: break-word;
}
.created-form .form-head h6{
	font-size: 10px;
	font-weight: 700;
	color: #943916;
	margin: 0;
	margin-top: 5px;
}

.created-form .form-head h6 span {
    text-transform: capitalize;
}
.graph .response-graph .highcharts-menu {
	width: max-content;
}
.graph .response-graph .highcharts-menu-item {
	font-size: 13px !important;
}
.form-response {
    background: #fff;
    padding: 9px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.form-response .response-title {
    width: 60%;
}

.form-response .response-title h5 {
    font-size: 22px;
    color: var(--theme);
}

.form-response .response-title h6 {
    font-size: 10px;
    font-weight: 500;
    margin: 0;
    margin-top: 5px;
}

.form-response .graph {
    width: 50%;
    height: 60px;
}

.graph .response-graph {
    height: 80px;
    margin-top: -8px;
}

.form-action {
    padding: 15px 20px;
    border: 1px solid #fff;
    border-top: 1px solid #e7eaef;
    border-radius: 0 0 8px 8px;
}

.form-action>ul {
    display: flex;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    list-style: none;
    align-items: center;
}

.form-action ul li a {
    color: var(--gray);
    transition: 0.2s ease;
}

.form-action ul li a:hover {
    color: var(--theme);
}

.list-form-box {
    margin-bottom: 15px;
}
.list-view-table.table-responsive {
    padding-bottom: 0;
}
.list-view-table .table {
    border-spacing: 0 0.85rem !important;
    border-collapse: separate;
	margin-bottom: 0;
}
.list-view-table .table tr {
    background-color: #ffffff;
    box-shadow: 1px 1px 3px #eeeded;
}
.list-view-table .table tr:hover {
	background-color: #fff6f2;
	box-shadow: 1px 1px 9px #dfdddd;
}
.list-view-table .table th, .list-view-table .table td {
    color: #000;
    box-sizing: content-box;
    font-size: 13px;
    font-weight: 500;
    padding: 0px 10px !important;
}
.list-view-table .table td, .list-view-table .table th {
    vertical-align: middle;
    margin-bottom: 10px;
    border: none;
    min-width: 100px;
}
.list-view-table .table td:first-child {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    max-width: 22em !important;
}
.list-view-table .table .form-title {
    display: flex;
    align-items: center;
}
.list-view-table .table .form-head {
    font-size: 18px;
    font-weight: 500;
    background: #f05e27;
    color: #fff;
    margin-right: 15px;
    padding: 15px;
    border-radius: 8px;
    margin-left: 0;
    height: 3em;
    min-width: 3em;
    width: 3em;
    text-align: center;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.list-view-table .table .form-title h5 a {
    font-size: 14px;
    font-weight: 600;
	margin: 0;
    color: #171c2c;
    margin-bottom: 5px;
    word-break: break-word;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.list-view-table .table .form-created h6 {
    font-size: 12px;
    font-weight: 500;
	margin: 0;
	word-break: break-word;
}
.list-view-table .table .form-created h6 span {
    font-size: 9px;
    font-weight: 600;
    color: var(--gray);
    display: block;
    text-transform: uppercase;
    margin-top: 6px;
}
.form-response{
    background: #fff;
    padding: 9px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.form-response.new-form-response {
    background: transparent;
    width: 250px;
    padding: 5px 10px;
}
.form-response .graph{
	width: 40%;
	height: 60px;
}
.graph .response-graph{
	height: 75px;
    margin-top: -7px;
}
.form-response .response-title {
	width: 60%;
}
.form-response .response-title h5{
	font-size: 14px;
	color: var(--theme);
}
.form-response .response-title h6{
    font-size: 9px;
    font-weight: 600;
    color: var(--gray);
    display: block;
    text-transform: uppercase;
    margin-top: 6px;
}
.list-view-table .table tr td:last-child {
    background: #f9f7fa;
    text-align: center;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.list-view-table .table tr td:last-child a {
    color: var(--gray);
    padding-right: 10px;
    transition: 0.2s ease;
}
.list-view-table .table tr td:last-child .forms-list-more {
    display: inline-block;
}
.list-view-table .table tr td:last-child .forms-list-more a {
    padding-right: 0;
}

.list-form-box .created-form{
	background: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 70px;
}

.list-form-box .created-form .form-head {
    padding: 18px;
}

.list-form-box .created-form .form-title {
    display: flex;
    align-items: center;
    width: 27%;
    padding-right: 1rem;
}

.list-form-box .created-form .form-created {
    width: 20%;
}

.list-form-box .created-form .form-title h5 a {
    font-size: 13px;
    font-weight: 600;
	word-break: break-word;
}

.list-form-box .created-form .form-title .form-head {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    margin-right: 15px;
    padding: 15px;
    border-radius: 8px;
    margin-left: 6px;
    height: 58px;
    min-width: 58px;
    width: 58px;
    text-align: center;
}

.list-form-box .form-response {
    padding: 0;
    width: 250px;
}

.list-form-box .form-response .graph {
    width: 50%;
}

.list-form-box .form-response .response-title {
    width: 100%;
}

.list-form-box .form-response .response-title h5 {
    font-size: 12px;
    font-family: 'Montserrat', sans-serif;
}

.list-form-box .form-response .response-title h6 {
    font-size: 9px;
    font-weight: 600;
    color: var(--gray);
    text-transform: uppercase;
    margin-top: 6px;
}

.list-form-box .form-action {
    padding: 22px 20px;
    border-top: 1px solid #fff;
    border-left: 1px solid #e7eaef;
    background: #f9f7fa;
    border-radius: 0 8px 8px 0;
    height: 100%;
    display: flex;
}

.list-form-box .form-action ul li {
    margin-right: 20px;
}

.list-form-box .form-action ul li:last-child {
    margin-right: 0;
}

.custom-dropmenu.custom-align-3d .dropdown-menu {
    margin-top: -30px;
    margin-right: -15px;
}

.custom-dropmenu.forms-list-more .dropdown-menu {
    margin-top: -20px;
    margin-right: -20px;
}

.custom-dropmenu .dropdown-menu {
    left: auto !important;
    right: 0;
    min-width: max-content;
    padding: 6px 16px;
    margin: 0;
    box-shadow: 0 5px 12px 0 rgb(130 130 130 / 20%);
    border-color: #eee;
    margin-top: 30px;
}

.list-form-box .form-action .custom-dropmenu .dropdown-menu li {
    margin-right: 0;
}

.custom-dropmenu .dropdown-menu li a {
    font-size: 11px;
    font-weight: 500;
    display: flex;
    padding: 5px 0;
    align-items: center;
}

.custom-dropmenu .dropdown-menu li a ion-icon {
    font-size: 16px;
    margin-right: 8px;
}

table th, table td h5{
    white-space: inherit !important;
    max-width: 15em;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* form-builder page */

.right-container.form-builder {
    margin-left: 0;
    background: #f9f7fa;
    height: auto;
    min-height: 100vh;
    position: relative;
    z-index: 1;
}

.form-builder .inner-content {
    padding: 0;
    padding-top: 20px;
    padding-bottom: 20px;
}

.form-build-tab .tab-content {
    width: 100%;
}

.graph-side {
    width: 285px;
    position: fixed;
    right: 0;
    top: 65px;
    padding: 20px;
    background: #f9f7fa;
    height: 100%;
}

.graph-side .sidebar-graph {
    background: #fff;
    margin-top: 0;
    margin-bottom: 15px;
    border-radius: 8px;
    padding-top: 0;
    position: relative;
}

.response-avg {
    text-align: center;
    font-weight: 500;
    font-size: 14px;
}

.response-avg span {
    display: block;
    font-weight: 700;
    font-size: 16px;
}

form.form-name-auto {
    width: 350px;
}

.form-name-auto input {
    border: none;
    box-shadow: none;
    font-size: 14px;
    color: #000;
    font-weight: 600;
    padding: 0;
    max-width: 100%;
    text-transform: capitalize;
}

.form-name-auto input:focus {
    border: none;
    box-shadow: none;
    outline: none;
}

.form-name-auto img {
    height: 18px;
}

.form-build-steps {
    background: #efeef0;
    padding: 3px;
    border-radius: 30px;
}

.form-build-steps li a {
    color: var(--gray);
    font-size: 12px;
    font-weight: 500;
    display: inline-block;
    padding: 3px 18px;
    border-radius: 30px;
}

.form-build-steps li a.active,
.form-build-steps li a.active:hover {
    color: #000;
    background: #fff;
}

.form-build-steps li a:hover {
    background: rgba(0, 0, 0, 0.03);
}

.right-form-settings {
    width: calc(100% - 300px);
    margin-left: 300px;
}

.inner-content .settings-header h5 {
    font-weight: 500;
}

.inner-content .settings-header h6 {
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 0;
    margin-top: 3px;
}

.right-form-settings .form-box {
    background: #fff;
    border-radius: 8px;
    padding: 10px 0;
}

.right-form-settings .form-box .form-group {
    padding: 10px 20px;
    margin: 0;
}

.right-form-settings .form-box .form-group.borderBottom {
    border-bottom: 1px solid #efefef;
    padding-bottom: 20px;
    margin-bottom: 10px;
}
.right-form-settings .form-box .form-group.borderBottom:last-child{
	border-bottom: 0;
    padding-bottom: 10px;
    margin-bottom: 0;
}
.right-form-settings .form-box label{
    font-size: 12px;
    font-weight: 600;
    color: #171c2c;
    line-height: 16px;
}

.right-form-settings .form-box label span {
    font-size: 10px;
    font-weight: 700;
    color: var(--gray);
    display: block;
}

.right-form-settings .form-box .form-control {
    border-color: #e0e4e9;
    height: 40px;
    font-size: 11px;
    font-weight: 600;
    color: #000;
}

.bootstrap-select .dropdown-menu li {
    margin: 2px 0 0;
}

.bootstrap-select .dropdown-menu li.selected a,
.bootstrap-select .dropdown-menu li a:hover {
    background: var(--theme);
    color: #fff;
}

.bootstrap-select .form-control:focus {
    border-color: var(--theme);
}

.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
    top: 12px;
}

.bootstrap-select .dropdown-menu {
    padding: 4px 2px;
}

.bootstrap-select .dropdown-menu li a {
    padding: 6px 11px;
    font-size: 11px;
    font-weight: 600;
    color: var(--gray);
    line-height: 22px;
    display: block;
    border-radius: 3px;
}

.bootstrap-select .dropdown-menu .dropdown-item.active {
    color: #fff;
    background-color: var(--theme);
}

.form-control::placeholder {
    color: var(--gray);
}

.bootstrap-select .dropdown-toggle,
.btn-light:not(:disabled):not(.disabled):active,
.btn-light:not(:disabled):not(.disabled).active,
.show>.btn-light.dropdown-toggle,
.bootstrap-select .dropdown-toggle:focus {
    border: 1px solid #e0e4e9;
    height: 40px;
    font-size: 11px;
    font-weight: 600;
    line-height: 25px;
    background: #fff;
    color: #000;
}

.bootstrap-select>.dropdown-toggle.bs-placeholder {
    color: var(--gray);
}

.right-form-settings .form-box .two-parts {
    display: flex;
    justify-content: space-between;
}

.right-form-settings .form-box .two-parts .half-input {
    width: 49%;
}

.notify-mails .create-new-form,
.notify-mails .create-new-form a {
    height: 100%;
}

.new-notify-box {
    background: #fff;
    padding: 10px 15px;
    border-radius: 8px;
    height: 100%;
    position: relative;
    top: 0;
    transition: 0.2s ease;
}

.notify-list .notify-title {
    display: flex;
    justify-content: space-between;
    margin-bottom: 6px;
}

.notify-list .notify-title .notify-name {
    font-size: 12px;
    font-weight: 600;
    color: var(--theme);
    display: flex;
}

.notify-list .notify-title .notify-name img {
    height: 16px;
    margin-right: 5px;
}

.notify-list .notify-details span {
    font-size: 11px;
    font-weight: 700;
    color: var(--gray);
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.notify-list .notify-details span strong {
    font-weight: 500;
    color: #010101;
    width: calc(100% - 40px);
    word-break: break-word;
}

.notify-title .custom-dropmenu a {
    color: var(--gray);
}

.notify-title .custom-dropmenu.show a {
    color: var(--theme);
}

.notify-title .custom-dropmenu .dropdown-menu a {
    color: #000;
}

.notify-title .custom-dropmenu .dropdown-menu a i {
    color: var(--gray);
    margin-right: 3px;
}

.notify-title .custom-dropmenu .dropdown-menu a:hover,
.notify-title .custom-dropmenu .dropdown-menu a:hover i {
    color: var(--theme);
}
.notify-filter .btn-default {
    background: var(--theme);
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    padding: 5px;
    box-shadow: 0 4px 8px 0 rgb(240 94 39 / 30%);
}
.notify-filter .btn-default:hover{
    background: var(--dark);
}

.theme-btn,
.theme-light-btn,
.light-btn,
.light-btn-bg {
    font-size: 12px;
    font-weight: 600;
    padding: 6px 10px;
    border-radius: 4px;
}

.theme-btn {
    background: var(--theme);
    color: #fff;
    border: 1px solid var(--theme);
    display: inline-block;
}

.theme-light-btn {
    background: #fff;
    color: #000;
    border: 1px solid #000;
}

.light-btn {
    background: #fff;
    color: var(--gray);
    border: 1px solid var(--gray);
}

.light-btn:hover {
    background: #000;
    color: #fff;
    border-color: #000;
}

.light-btn-bg {
    background: var(--gray);
    color: #fff;
    border: 1px solid var(--gray);
}

.light-btn-bg:hover {
    background: var(--theme);
    color: #fff;
    border-color: var(--theme);
}

.theme-btn:hover {
    color: #fff;
    background: var(--dark);
}

.theme-btn i {
    margin-right: 4px;
}

.theme-light-btn:hover {
    background: var(--gray);
    color: #fff;
    border-color: var(--gray);
}

.head-with-back {
    display: flex;
    align-items: center;
}

.head-with-back a {
    margin-right: 12px;
}

.head-with-back a i {
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    background: #fff;
    border: 1px solid #efefef;
    border-radius: 4px;
    color: var(--theme);
    font-size: 14px;
    font-weight: 700;
    display: block;
}

.email-recipient {
    border-bottom: 1px solid #e4e2e5;
    margin-bottom: 15px;
}

.email-recipient .nav-link {
    font-size: 12px;
    color: var(--gray);
    font-weight: 500;
    border: none;
    padding: 8px 15px;
    margin-right: 15px;
    border-bottom: 4px solid transparent;
}

.email-recipient .nav-link.active {
    color: var(--theme);
    font-weight: 600;
    border-color: var(--theme);
}

.right-form-settings .form-box .label-with-icon {
    display: flex;
    align-items: center;
    font-weight: 600;
    justify-content: space-between;
}

.label-with-icon i {
    background: #171c2c;
    color: #fff;
    width: 21px;
    height: 21px;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    line-height: 21px;
    margin-right: 5px;
}

.label-with-icon.disable-icon i {
    background: var(--gray);
}

.link-share input[type=button] {
    height: 40px;
}

.link-share .light-btn,
.link-share .light-btn-bg {
    padding: 9px 10px;
    margin-left: 15px;
}

.input-group.link-to-share {
    width: auto;
    flex: 1;
}

.link-to-share .form-control {
    border-right: none;
}

.link-to-share .input-group-text {
    background: #fff;
    border-left: none;
    color: var(--gray);
    font-size: 16px;
    font-weight: 600;
    border-color: #e0e4e9;
    border-radius: 0 4px 4px 0 !important;
}

.form-build-tab .filter-menu ul.users li.add-new-user {
    background: #efeef0;
    border-color: #efeef0;
}

.filter-menu ul.users {
    align-items: center;
}

.filter-menu ul.users span {
    color: var(--gray);
    font-weight: 600;
    margin-right: 6px;
}

.email-id-row {
    border: 1px solid #e0e4e9;
    border-radius: 4px;
    min-height: 40px;
    padding: 6px 12px;
    display: flex;
    align-items: center;
}

.email-id-row .to-input {
    padding-right: 11px;
    color: #000;
    font-size: 12px;
    font-weight: 600;
}

.email-id-row .all-mail {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.email-id-row .all-mail .email-ids {
    border: 1px solid #e0e4e9;
    margin-right: 4px;
    padding: 3px 8px;
    background: #f5f5f5;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    color: var(--gray);
    margin-bottom: 2px;
}

.email-id-row .all-mail .email-ids .cancel-email {
    cursor: pointer;
    color: #f14c4c;
    margin-left: 4px;
}

.email-id-row input {
    border: 0px;
    outline: 0px;
    font-size: 11px;
    font-weight: 600;
    color: var(--gray);
    width: 20em;
}

.email-id-row input::placeholder {
    color: var(--gray);
}

.socialbox-container {
    width: 100%;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    padding: 20px;
}

.right-form-settings .form-box.social-box {
    display: inline-block;
    padding: 15px;
    transition: 0.2s ease;
}

.right-form-settings .form-box.social-box:hover {
    box-shadow: 0 5px 15px rgba(62, 57, 107, .2)
}

.socialiconimg-box {
    border-radius: 50%;
    overflow: hidden;
    float: left;
}

.socialiconimg-box img {
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    padding: 8px;
}

.twitter {
    background: #1da1f2;
}

.facebook {
    background: #4267b2;
}

.linkedin {
    background: #0e76a8;
}

.text-box {
    float: left;
    width: calc(100% - 55px);
    margin-left: 15px;
}

.text-box h5 {
    font-size: 12px;
    margin: 0;
    font-weight: 600;
}

.text-box h6 {
    margin: 5px 0 0;
    font-size: 11px;
    color: var(--gray);
    font-weight: 600;
}

.qrbox {
    display: flex;
    align-items: flex-end;
}

.qrbox .qrimg-box {
    width: 121px;
    margin-right: 20px;
}

.qrcode-right-input {
    flex: 1;
}

.qrcode-right-input h5 {
    margin-left: 0;
    font-size: 12px;
    color: #000;
    font-weight: 600;
}

.qrcode-right-input textarea,
.embed-textarea {
    width: 100%;
    border: 1px solid #e0e4e9;
    border-radius: 4px;
    outline: none;
    background: #f7f7f7;
    padding: 10px;
    font-size: 10px;
    font-weight: 600;
    color: var(--gray);
    margin-top: 5px;
    margin-bottom: 5px;
}

.embed-textarea {
    margin: 0;
}

.download_btn {
    margin-top: 10px;
}

.filter-menu ul.grid-list.form-analytics li a {
    font-size: 12px;
    font-weight: 700;
}

.custom-pr {
    padding-right: 7.5px;
}

.custom-pl {
    padding-left: 7.5px;
}

.chart-summary-box.d-flex.custom-pl {
    padding-left: 15px;
}

.row.custom-mt {
    margin-top: 15px;
}

.right-form-settings.custom-width {
    margin-left: 0;
    width: 100%;
}

.right-form-settings .form-box.tracking {
    display: flex;
    justify-content: space-between;
    padding: 15px;
    align-items: center;
    margin-bottom: 15px;
}

.tracking-text h5 {
    color: var(--gray);
    font-size: 12px;
    margin: 0 0 5px;
    font-weight: 600;
}

.tracking-text h4 {
    font-size: 18px;
    margin: 6px 0;
    font-weight: 600;
}

.tracking-text p {
    color: var(--gray);
    font-size: 10px;
    margin: 5px 0 0;
    font-weight: 600;
}

.tracking-text p.positive-text {
    color: #63b73a;
}

.tracking-text p.negative-text {
    color: #f25d5d;
}

.tracking-text p>i {
    font-size: 10px;
}

.tracking-text p span {
    color: var(--gray);
    font-weight: 500;
}

.traffic-text-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    padding: 0 15px;
    font-size: 14px;
}

.right-form-settings .form-box .traffic-text-box .bootstrap-select {
    height: 34px;
}

.right-form-settings .form-box .traffic-text-box .bootstrap-select .dropdown-toggle {
    height: 34px;
    line-height: 20px;
    color: #000;
}

.traffic-sum-up-table {
    width: 100%;
}

.traffic-sum-up-table>thead {
    background: #f7f7f7;
    color: #cacaca;
    font-size: 11px;
    font-weight: 600;
}

.traffic-sum-up-table tr th:last-child,
.traffic-sum-up-table tr td:last-child {
    text-align: center;
}

.location-summary .traffic-sum-up-table tr th:last-child,
.location-summary .traffic-sum-up-table tr td:last-child {
    text-align: right;
}

.traffic-sum-up-table tr td .scroll-tbody {
    height: 160px;
}

ul.platform-scroll-tbody {
    height: 200px;
}

.traffic-sum-up-table tr td .location-scroll-tbody {
    height: 160px;
}

.traffic-sum-up-table tbody tr td {
    padding: 10px 0.75rem;
    font-size: 12px;
    font-weight: 400;
    color: #000;
    border-top: 0;
    border-bottom: 1px solid #f1f1f1;
    vertical-align: middle;
}

.traffic-sum-up-table thead tr th {
    border: 0;
}

.flag-box {
    display: flex;
    align-items: center;
}

.flagimg-box {
    width: 1.5rem;
    height: 1.5rem;
    object-fit: contain;
    margin-right: 8px;
}

.flagimg-box img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: none;
}

.chart-summary-text {
    display: flex;
    border-bottom: 1px solid #efefef;
    padding: 8px 0;
    align-items: center;
}

.chart-summary-text:last-child {
    border: none;
}

.device-sum-iconbox {
    margin-right: 12px;
}

.device-sum-textbox h5 {
    font-weight: 400;
    font-size: 12px;
    color: #000;
    margin-bottom: 2px;
}

.device-sum-textbox h6 {
    font-weight: 600;
    font-size: 14px;
    margin: 0;
}

.device-sum-textbox h6.gray-circle {
    color: #525252;
}

.device-sum-textbox h6.purple-circle {
    color: #8c77d2;
}

.device-sum-textbox h6.orange-circle {
    color: var(--theme);
}

.device-sum-textbox h6.blue-circle {
    color: #4caadb;
}

.platform-summary-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #efefef;
    padding: 13px 10px 13px 0;
    list-style: none;
}

.platform-summary-list h6 {
    font-size: 11px;
    margin: 0;
}

.fa-circle {
    font-size: 10px;
    margin-right: 10px;
}

.purple-circle {
    color: #8c77d2;
}

.blue-circle {
    color: #4caadb;
}

.orange-circle {
    color: var(--theme);
}

.platform-summary-list-textbox {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.send-invitation .form-control {
    border-left: 0;
}

.light-btn.revoke-btn {
    margin-right: 15px;
    border-color: var(--theme);
    color: var(--theme);
    font-weight: 500;
    background: #fff;
}

.light-btn.revoke-btn:hover {
    color: #fff;
    background: var(--theme);
}

.assigned-member-popup .dropdown.bootstrap-select.form-control {
    width: 100px;
    height: 40px;
}

.assigned-member-popup td .dropdown.bootstrap-select.form-control {
    width: 120px;
    height: auto;
    background: transparent;
}

.assigned-member-popup .btn.dropdown-toggle.btn-light {
    color: #000;
}

.modal-body table.table {
    margin: 0;
}

.modal-body .assigned-table {
    color: #000;
    font-size: 12px;
}

.modal-body .assigned-table .scroll-tbody {
    height: 23em;
}

.modal-body .assigned-table thead {
    background: #f7f7f7;
}

.modal-body .assigned-table thead th {
    border-bottom: 0;
}

.table-striped.assigned-table tbody tr:nth-of-type(odd) {
    background: #fff;
}

.table-striped.assigned-table tbody tr:nth-of-type(even) {
    background: #fff6f2;
}

.modal-body .assigned-table th,
.modal-body .assigned-table td a {
    color: var(--gray);
}

.modal-body .assigned-table input {
    height: auto;
}

.modal-body .assigned-table td:nth-child(3) {
    color: var(--gray);
}

.modal-body .assigned-table td {
    border-color: #f1f1f1;
    vertical-align: middle;
}

.modal-body .assigned-table td span {
    display: block;
    font-weight: 600;
    margin-top: -3px;
}

.modal-body .assigned-table td span.re-invite {
    color: var(--theme);
}

.modal-body .assigned-table td .dropdown .btn {
    font-size: 12px;
    padding: 0;
    border: none;
    box-shadow: none;
    height: auto;
    background: transparent;
}

.modal-body .assigned-table td .custom-dropmenu .dropdown-menu a {
    color: #000;
    font-weight: 600;
}

.modal-body .assigned-table td .custom-dropmenu .dropdown-menu a:hover {
    color: var(--theme);
}

.modal-body .assigned-table td .custom-dropmenu a i {
    font-size: 20px;
}

.modal-body .assigned-table td .custom-dropmenu a:hover i {
    color: #000;
}

.assigned-table td .form-control.bootstrap-select div.dropdown-menu {
    margin-top: 0;
    border-color: #eee;
    box-shadow: 0 5px 12px 0 rgb(130 130 130 / 20%);
}

.modal-body .assigned-table .img-box {
    width: 2.5em;
    height: 2.5em;
    object-fit: cover;
    border-radius: 50%;
    margin: 0;
    margin-right: .7em;
    overflow: hidden;
    text-align: center;
    background: var(--theme);
    color: #fff;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.modal-body .assigned-table .img-box img {
    margin: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.workspace-popup .modal-dialog {
    max-width: fit-content;
    margin: 10% auto 0;
}

.modal-content {
    border-radius: 10px;
    padding: 0 25px 15px;
}

.modal-body {
    padding: 1rem 0 10px;
    text-align: center;
}

.modal-body label {
    font-size: 12px;
    font-weight: 500;
    color: #171c2c;
    margin-bottom: 4px;
}

.modal-body input {
    font-size: 11px;
    font-weight: 600;
    text-align: center;
    height: 40px;
    border: 1px solid #e0e4e9;
}

.modal-body img {
    height: 160px;
    margin: 15px 15px 35px;
}

.modal-header {
    padding: 1rem 0;
    align-items: center;
}

.modal-header .close {
    background: #e8ecf1;
    width: 24px;
    height: 24px;
    color: #171c2c;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    margin: 0;
    padding: 0;
    border-radius: 50%;
}

.modal-footer {
    padding: 0.75rem 0;
    border-top: none;
}

.modal-footer>* {
    margin: 0;
}

.modal-title {
    font-size: 14px;
    font-weight: 600;
    color: #171c2c;
}

.new-form-popup .modal-dialog {
    margin-top: 10%;
}

.new-form-popup .modal-body {
    padding: 1rem 0 0px;
    text-align: left;
}

.new-form-popup .modal-body .input-group .input-group-text {
    font-size: 11px;
    font-weight: 600;
    color: var(--gray);
    background: #f7f7f7;
    border: 1px solid #e0e4e9;
    border-radius: 0.25rem 0 0 0.25rem;
    border-right: none;
}

.new-form-popup .modal-body input {
    text-align: left;
}

.new-form-popup .workspace-btn {
    justify-content: flex-end;
}

.new-form-popup .workspace-btn .btn {
    margin-left: 20px;
    width: auto;
}

.workspace-btn {
    justify-content: space-between;
}

.workspace-btn .btn {
    width: 47%;
    font-size: 12px;
    font-weight: 600;
    padding: 8px 20px;
    border-radius: 5px;
}

.workspace-btn .btn.btn-default {
    border: 1px solid #000;
    color: #000;
}

.workspace-btn .btn.btn-danger {
    background: var(--theme);
    box-shadow: 0 4px 8px 0 rgb(240 94 39 / 30%);
}

.workspace-btn .btn.btn-danger:hover {
    background: var(--dark);
}

.workspace-btn .btn.btn-default:hover {
    background: #000;
    color: #fff;
}

.tooltip-inner {
    max-width: max-content;
    font-weight: 500;
    padding: 4px 8px;
    font-size: 11px;
    color: #171c2c;
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 0 8px 0 rgb(0 0 0 / 25%);
}

.tooltip .arrow {
    display: none;
}

.tooltip.show {
    opacity: 1;
}


/* datepicker css */

.dates-select {
    width: 100%;
    height: 33px;
    padding: 8px 0 8px 11px;
    border-radius: 4px;
    background: #e1e1e1;
    color: var(--gray);
    font-size: 12px;
    font-weight: 600;
    border: none;
}

.dates-select:focus {
    background: #e1e1e1;
    color: var(--gray);
}

.date-icon .input-group .input-group-text {
    height: 33px;
    border: 0;
    background: #e1e1e1;
    border-radius: 0 4px 4px 0;
    padding: 0.375rem 0.55rem;
    color: var(--gray);
}

.daterangepicker.dropdown-menu {
    left: auto !important;
    right: 30px !important;
}

.daterangepicker .range_inputs {
    display: flex;
    flex-direction: column;
}

.daterangepicker .range_inputs>button:first-child {
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 5px;
    background: var(--theme);
    border-color: var(--theme);
    box-shadow: 0 4px 8px 0 rgb(240 94 39 / 30%);
}
.daterangepicker .range_inputs>button:first-child:active {
    margin-bottom: 5px;
    background: var(--dark);
    border-color: var(--dark);
}
.daterangepicker .range_inputs>button:first-child:focus {
    margin-bottom: 5px;
    background: var(--dark);
    border-color: var(--dark);
    box-shadow: 0 4px 8px 0 rgb(240 94 39 / 30%);
}
.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus {
    box-shadow: none;
}
.daterangepicker .range_inputs>button:last-child {
    font-size: 12px;
    font-weight: 600;
    margin-top: 5px;
    background: #000;
    border: 1px solid #000;
    color: #fff;
}

.daterangepicker .input-mini {
    font-size: 10px;
    font-weight: 500;
    padding: 0 6px 0 25px;
}

.daterangepicker .daterangepicker_input i {
    font-size: 12px;
}

.daterangepicker .calendar td,
.daterangepicker .calendar th {
    min-width: 28px;
    font-size: 11px;
    padding: 4px 5px;
}

.daterangepicker .calendar thead tr:last-child th {
    background: #f7f7f7;
    color: var(--gray);
    border-radius: 0;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
    background: var(--theme);
}

.daterangepicker.openscenter:after,
.daterangepicker.openscenter:before {
    right: 15px;
    margin-right: 0;
}
.daterangepicker.openscenter:after, .daterangepicker.openscenter:before {
    margin-right: 8px !important;
}
.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: var(--theme) !important;
}
.daterangepicker .calendar-table td.off, .daterangepicker .calendar-table td.off.end-date, .daterangepicker .calendar-table  td.off.in-range, .daterangepicker .calendar-table td.off.start-date {
    color: #fff;
}
.daterangepicker.openscenter:after, .daterangepicker.openscenter:before{
    display: none;
}
/* datepicker css end */

.all-forms-graph {
    height: 180px;
}

.sent-form-graph,
.response-rate-graph {
    height: 190px;
}

.main-basic-line {
    height: 168px;
}

.main-basic-line .highcharts-tooltip-box span:first-child {
    text-align: right;
}

.device-summary-graph,
.platform-summary-graph,
.location-summary-graph {
    height: 200px;
}

.graph-legend {
    padding: 0;
    display: flex;
    justify-content: center;
    font-size: 11px;
    list-style: none;
    margin: 0;
}

.graph-legend li {
    margin-right: 20px;
}

.graph-legend li i {
    font-size: 8px;
    margin-right: 2px;
}

.notify-msg p {
    font-size: 0.8em;
    font-weight: 500;
}


/* custom scroll */

[data-scroller="true"] {
    overflow: hidden;
}
.scroller-scrollbar {
    display: none;
    position: absolute;
    z-index: 1;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    background-color: #ddd;
    opacity: 0;
}
[data-scroller="true"]:hover .scroller-scrollbar {
    opacity: 1;
}
.scroller-scrollbar.vertical {
    top: 0;
    right: 0;
    width: 4px;
    height: 100%;
    margin: 0 2px;
}
.scroller-scrollbar + .scroller-content{
	margin-right: -6px !important;
}
.scroller-scrollbar.scroller-active {
    display: block;
}
.blur-layer{
	position: fixed;
	display: none;
	width: 100vw;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.2);
	z-index: 1;
}


/* form attend start */

.form-attend-header {
    background: var(--theme);
    padding: .5rem 0;
    box-shadow: 4px 5px 7px #0000001f;
}

.form-attend-header textarea,
.form-attend-header textarea:focus {
    background: transparent;
    border: 0;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    padding-left: 0;
    resize: none;
}

.form-attend-body {
    background: #f9f7fa;
    padding: 6rem 0 2rem;
    min-height: calc(100vh - 3.7rem);
}

.form-attend-header .container,
.form-attend-body .container,
.form-attend-footer .container {
    max-width: 65%;
}

.form-attend-body .form-body {
    background: #fff;
    padding: 1rem 1.2rem;
    border-radius: 8px;
}

.form-attend-body .form-body .input-row {
    padding: 1.3rem .5rem;
    /* border-bottom: 1px solid #e7eaef; */
    margin: 0 -1.2rem;
    align-items: end;
}
.form-attend-body .form-body .input-row.sectionBreak {
    padding: 1.3rem .5rem;
}
.form-attend-body .form-body .input-row.sectionBreak hr {
    border-bottom: 1px solid #e7eaef;
    width: 100%;
    border-top: none;
    margin: 0;
    padding: 0;
}

.form-attend-body .form-body .input-row:last-child {
    border-bottom: 0;
    padding-bottom: 1rem;
}

/* custom code */
.form-attend-body .form-body .input-row:last-child {
    text-align: end;
}

.form-attend-body .form-body label {
    font-size: 12px;
    font-weight: 500;
    margin: 0;
    display: flex;
    align-items: flex-start;
    margin-top: 8px;
}

.form-attend-body .form-body label.light-label {
    font-size: 11px;
    color: var(--gray);
    margin-top: 0;
}

.form-attend-body .form-body label.error-msg {
    margin-top: 3px;
    color: #f14c4c;
}

.form-attend-body .form-body label.error-msg i {
    width: .99rem;
    height: .99rem;
    background: #f14c4c;
    color: #fff;
    border-radius: 50%;
    font-size: .5rem;
    line-height: .99rem;
    margin-right: .2rem;
}

.form-attend-body .form-body label span.required-lbl {
    color: #6f747d;
    font-weight: 700;
    min-width: 0.4rem;
    width: 0.4em;
    min-height: 0.4rem;
    height: 0.4em;
    background: #e2e2e2;
    text-align: center;
    text-decoration: none;
    font-size: 0.34rem;
    border-radius: 50%;
    margin-left: 0.5rem;
    overflow: hidden;
    transform: scale(2.5);
}

.form-attend-body .form-body label span.required-lbl.active {
    color: #fff;
    background: #f14c4c;
}

.form-attend-body .form-body label i {
    color: var(--gray);
    margin-right: .25rem;
    width: 1rem;
    text-align: center;
}

.fa-number:before {
    content: "7";
}

.form-attend-body .form-body input {
    font-size: 11px;
    font-weight: 600;
    height: 2.5rem;
    border-color: #e0e4e9;
    color: #000;
}

.form-attend-body .form-body textarea {
    font-size: 11px;
    font-weight: 600;
    color: #000;
    border-color: #e0e4e9;
}

.form-attend-body .form-body input[type=submit] {
    color: #fff;
    padding: 6px 2rem;
}

.form-body [type="radio"] {
    position: absolute;
    left: -9999px;
}

.form-body [type="radio"]+label {
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    line-height: 18px;
    display: inline-block;
    color: var(--gray);
    margin-right: 1.5rem;
}

.form-body [type="radio"]+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 2px solid #c7c7c7;
    border-radius: 100%;
    background: #fff;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.form-body [type="radio"]+label:after {
    content: '';
    width: 8px;
    height: 8px;
    background: #c7c7c7;
    position: absolute;
    top: 5px;
    left: 5px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.form-body [type="radio"]:checked+label {
    color: #000;
}

.form-body [type="radio"]:checked+label:before {
    border-color: var(--theme);
}

.form-body [type="radio"]:checked+label:after {
    background: var(--theme);
}

.form-body .checkbox-wrapper {
    display: flex;
}

.form-body .checkbox-wrapper label {
    color: var(--gray);
    cursor: pointer;
    display: grid;
    grid-template-columns: auto 1fr;
    grid-gap: 10px;
    align-items: center;
    margin-right: 2rem;
}

.form-body .checkbox-wrapper input.checkbox {
    display: none;
}

.form-body .checkbox-wrapper .check-icon {
    position: relative;
    display: inline-block;
    height: 18px;
    width: 18px;
    top: 0;
    border: solid 2px #c7c7c7;
    background-color: #fff;
    border-radius: 3px;
    transition: .2s all ease-in-out;
}

.form-body .checkbox-wrapper .check-icon:before {
    content: "\f00c";
    position: absolute;
    width: 100%;
    height: 100%;
    font-family: "FontAwesome";
    font-weight: 900;
    font-size: 10px;
    color: #C7C7C7;
    text-align: center;
    top: -1px;
    transition: .2s all ease-in-out;
}

.form-body .checkbox-wrapper input.checkbox:checked+.check-icon {
    border-color: var(--theme);
    background: var(--theme);
}

.form-body .checkbox-wrapper input.checkbox:checked+.check-icon:before {
    color: #fff;
}

.form-body .checkbox-wrapper input.checkbox:checked+.check-icon+div {
    color: #000;
}

.ui.input.left {
    display: -webkit-flex;
    display: flex;
}

.ui.input input:focus {
    border-color: var(--theme);
    color: #000;
}

.ui.input input::placeholder,
.ui.input input:focus::placeholder {
    color: var(--gray);
}

.ui[class*="left icon"].input>input {
    padding-left: 1em!important;
    font-family: 'Montserrat', sans-serif;
}

.ui[class*="left icon"].input>i.icon {
    right: 1px;
    left: auto;
}

.ui[class*="left icon"].input:hover>i.icon {
    color: #000;
    opacity: 1;
}

.calendar .ui.popup.calendar:before {
    display: none;
}

.ui.calendar .ui.popup {
    padding: 5px;
}

.ui.table {
    font-size: .85rem;
    font-weight: 500;
    border: 0;
    color: #000;
}

.ui.table thead th,
.ui.calendar .ui.table tr .link {
    border: 0;
}

.ui.calendar .ui.table.day tr:first-child th {
    background: #fff;
    padding: 1rem;
}

.ui.calendar .ui.table.day tr:nth-child(2) th {
    padding-top: .5em;
    padding-bottom: .5em;
    background: #f7f7f7;
    font-size: 11px;
    color: var(--gray);
}

.ui.calendar .ui.table tr td,
.ui.calendar .ui.table tr th {
    padding: .6rem;
}

.ui.calendar .ui.table tr td {
    padding-left: .6rem;
    padding-right: .6rem;
    border-radius: 8px;
}

.ui.calendar .ui.table tr td.today {
    font-weight: 500;
    color: var(--theme);
    position: relative;
}

.ui.calendar .ui.table tr td.today:before {
    position: absolute;
    content: '';
    left: 50%;
    bottom: 6px;
    width: 12px;
    height: 2px;
    background: var(--theme);
    transform: translateX(-50%);
}

.ui.calendar .ui.table tr .disabled {
    color: var(--gray);
}

.ui.table td.active,
.ui.table td.active.focus,
.ui.calendar .calendar.active .ui.table tbody tr td.focus {
    box-shadow: none;
    background: var(--theme) !important;
    border-color: var(--theme) !important;
    color: #fff !important;
    border-radius: 8px;
}

.ui.calendar .ui.table tr .link.focus {
    box-shadow: none;
    background: var(--theme);
    border-color: var(--theme) !important;
    border-radius: 8px;
}

.drag-drop-area {
    border: 2px dashed #e0e4e9;
    height: 7.5rem;
    width: 100%;
    background: #f7f8fa;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.drag-drop-area.active {
    border: 2px solid #fff;
}

.fileList {
    margin: 0;
    padding: 0;
    list-style: none;
}

.fileList li {
    font-size: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 500;
    padding: .8em;
    border-radius: 4px;
    background: #dae6ff;
    margin-top: .8em;
}

.fileList li div img {
    object-position: center;
    object-fit: cover;
    width: 2.2em;
    border-radius: .34em;
    border: 1px solid #b5c2db;
    height: 2.2em;
    margin-right: .7em;
    background: #fff;
    padding: .17em;
}

.fileList li a {
    color: #000;
}

.fileList li a:hover {
    color: #f14c4c;
}

.drag-drop-icon label img,
.drag-drop-area .icon img {
    border: none;
    width: auto;
    margin-bottom: 0;
    transform: scale(.8);
}

.form-attend-body .form-body .drag-drop-area label {
    font-size: 12px;
    font-weight: 500;
    color: #afafaf;
    display: block;
    width: 100%;
    text-align: center;
    cursor: pointer;
    margin-top: 0;
}

.drag-drop-area button,
.drag-drop-area .upload-text {
    padding: 0;
    font-size: 13px;
    font-weight: 500;
    border: none;
    outline: none;
    background: transparent;
    color: #171c2c;
    border-radius: 0;
    cursor: pointer;
    width: 100%;
}

.drag-drop-area img {
    height: 100%;
    width: 100%;
    object-fit: contain;
    border-radius: 5px;
    border: 2px dashed #e0e4e9;
}

.signature-pad {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 10px;
    width: 100%;
    height: 100%;
    border: 1px solid #e0e4e9;
    background-color: #fff;
    border-radius: 4px;
}

.sign-description {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 11px;
    color: #afafaf;
}

.signature-pad--body {
    position: relative;
    border: none;
    height: 5rem;
    overflow: hidden;
}

/* .signature-pad--body canvas {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.02) inset;
} */

.signature-pad--footer {
    color: #C3C3C3;
    text-align: center;
    font-size: 1.2em;
}

.signature-pad--actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 8px;
}

.form-attend-footer {
    background: #2a2a2a;
    padding: .8rem 0;
}

.form-attend-footer p {
    color: #afafaf;
    font-size: .85rem;
    margin: 0;
}

.form-attend-footer p a {
    margin-left: 1rem;
}


/* form attend end */


/* state pages start */

.state-page {
    background: #fff;
    padding: 7rem 0 4rem;
    min-height: calc(100vh - 66px);
    display: flex;
    align-items: center;
}

.state-page.state-pages-blue {
    background: #fdfeff;
    min-height: 100vh;
}
.right-container .state-page.state-pages-blue {
    padding: 0;
    min-height: calc(100vh - 66px);
}
.state-page img {
    width: 25rem;
}

.state-page h4 {
    font-size: 28px;
    font-weight: 500;
    margin-bottom: .4rem;
    margin-top: 4rem;
}

.state-page p {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 2rem;
}

.state-page .theme-btn {
    padding: 6px 15px;
}

.form-attend-header.state-page-header {
    padding: .8rem 0;
}

.form-attend-header.state-page-header img {
    height: 1.8rem;
}


/* state pages end */


/* notification start */

.search-notification .input-group-text {
    background: #fff;
    color: var(--gray);
    border-color: #e0e4e9;
    padding: 0.375rem 0.65rem;
    border: none;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.search-notification input,
.search-notification input:focus {
    height: 33px;
    font-size: 12px;
    font-weight: 600;
    border-left: none;
    border: none;
    padding-left: 0;
    border-color: #e0e4e9;
}

.search-notification:hover .input-group-text,
.search-notification:hover input {
    border-color: var(--theme);
}

/*.notification-box {
    height: calc(100vh - 16rem);
}*/

.notification-box ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.notification-box ul li {
    padding: 1rem;
    background: #f8f8f8;
    border-radius: 0.5rem;
    margin-bottom: .8rem;
    border: 1px solid #ececec;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    font-size: 13px;
    position: relative;
    padding-left: 1.9rem;
}

.notification-box ul li:last-child {
    margin-bottom: 0;
}

.notification-box ul li.new {
    background: #fff;
}

.notification-box ul li:before {
    position: absolute;
    content: '';
    width: .5rem;
    height: .5rem;
    background: var(--gray);
    left: 1rem;
    top: 1.4rem;
    border-radius: 50%;
}

.notification-box ul li.new:before {
    background: var(--theme);
}

.notification-box ul li .notify-title {
    flex: 1;
}

.notification-box ul li .right-time {
    display: flex;
    align-items: center;
    margin-left: 60px;
}

.notification-box ul li .right-time,
.notification-box ul li .right-time a {
    color: var(--gray);
}

.notification-box ul li .right-time span {
    margin-right: 0;
}

.notification-box ul li .right-time a {
    color: #d0d0d0;
    font-size: 20px;
    line-height: 16px;
}

.notification-box ul li .right-time a:hover {
    color: var(--theme);
}

.notifi-date-range .dates-select,
.date-icon.notifi-date-range .input-group .input-group-text {
    background: #fff;
}

.pagination .notify-pagination {
    padding: 0;
    list-style: none;
    display: flex;
    margin: 0;
}

.notify-pagination .page-item {
    padding: 8px 4px;
    background: #fff;
}

.notify-pagination .page-item:first-child {
    border-radius: 0.25rem 0 0 0.25rem;
}

.notify-pagination .page-item:last-child {
    border-radius: 0;
}

.notify-pagination .page-item:first-child .page-link,
.notify-pagination .page-item:last-child .page-link {
    color: #000;
    font-size: 11px;
}

.notify-pagination .page-item:first-child .page-link i,
.notify-pagination .page-item:last-child .page-link i {
    font-weight: 600;
    position: relative;
    top: 1px;
}

.notify-pagination .page-link {
    color: var(--gray);
    font-weight: 600;
    border: 0;
    font-size: 12px;
    padding: 0.3rem 0.65rem;
    border-radius: 0.25rem;
}

.notify-pagination .page-item.active .page-link {
    background: var(--theme);
}

.notify-pagination .page-link:focus {
    box-shadow: none;
}

.notify-pagination label {
    font-size: 12px;
    color: var(--gray);
    margin: 0;
}

.notify-pagination.go-to-page {
    border-left: 1px solid #ededed;
}

.notify-pagination.go-to-page>li {
    background: #fff;
    border-radius: 0 0.25rem 0.25rem 0;
    padding-left: .9rem;
}

.notify-pagination.go-to-page .bootstrap-select.fit-width {
    min-width: 50px;
}

.notify-pagination.go-to-page .bootstrap-select .dropdown-toggle {
    border: 0;
    font-size: 13px;
    color: var(--gray);
    box-shadow: none;
}

.notify-pagination.go-to-page .bootstrap-select .dropdown-toggle:focus {
    box-shadow: none;
}

.notify-pagination.go-to-page .bootstrap-select .dropdown-menu li a {
    text-align: center;
}
/* notification end */


/* sweet alert start */

.swal2-popup {
    display: none;
    position: relative;
    box-sizing: border-box;
    grid-template-columns: minmax(0, 100%);
    width: 20em !important;
    max-width: 100%;
    padding: 0 0 2em !important;
    border: none;
    border-radius: .7em !important;
    background: #fff;
    color: #545454;
    font-family: inherit;
    font-size: 1rem;
}

.swal2-styled {
    margin: .3125em;
    padding: .625em 1.1em;
    transition: box-shadow 0s !important;
}

.swal2-styled.swal2-confirm {
    border: 0;
    border-radius: .3em !important;
    background: initial;
    background-color: #f05e27 !important;
    border: solid 1px #f05e27 !important;
    box-shadow: 1px 1px 9px #f05e27d6 !important;
    color: #fff;
    font-size: 1em !important;
    padding: .55em 1.5em !important;
    font-weight: 600;
}

.swal2-styled.swal2-confirm:focus {
    box-shadow: 1px 1px 9px #f05e27d6 !important;
}

.swal2-styled.swal2-confirm:hover {
    background: #ffffff !important;
    box-shadow: 1px 1px 9px #f05e27d6 !important;
    color: #f05e27;
    background-image: none;
}

.swal2-styled.swal2-cancel {
    border: 0;
    border-radius: .4em !important;
    background: initial;
    background-color: #fff !important;
    border: solid 1px #000 !important;
    color: #000 !important;
    font-weight: 600;
    font-size: 1em !important;
    padding: .55em 1.5em !important;
}

.swal2-styled.swal2-cancel:hover {
    background-image: none;
    background: #000 !important;
    color: #fff !important;
}

.swal2-html-container {
    z-index: 1;
    justify-content: center;
    margin: 1em 1.6em .3em;
    padding: 0;
    overflow: auto;
    color: #171c2c !important;
    font-size: .88em !important;
    font-weight: 400;
    line-height: normal;
    text-align: center;
    word-wrap: break-word;
    word-break: break-word;
}

.swal2-title {
    position: relative;
    max-width: 100%;
    margin: 0;
    padding: .8em 1em 0;
    color: #171c2c !important;
    font-size: 1.25em !important;
    font-weight: 600;
    text-align: center;
    text-transform: none;
    word-wrap: break-word;
}

.swal2-styled.swal2-default-outline:focus {
    box-shadow: none !important;
}

button.swal2-confirm.btn.btn-outline-danger.swal2-styled {
    width: 100%;
    margin: 0 1.6em;
}

.swal2-container.swal2-backdrop-show,
.swal2-container.swal2-noanimation {
    background: rgba(0, 0, 0, .7) !important;
}

.swal2-actions {
    flex-direction: row-reverse;
    margin: 1em auto 0 !important;
}
/* sweet alert end */
.copyright {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

.formtitle{
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    background: transparent;
    border: 0;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    padding-left: 0;
    resize: none;
}

/* Change the autofill (white) to any color */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

/* media queries */

@media only screen and (min-width: 320px) and (max-width: 767px) {
	.form-attend-invite .attend-invite-img {
		display: none;
	}
	.navbar-collapse{
		flex-basis: auto;
	}	
	.navbar-collapse.form-build-nav{
		display: flex;
		border-top: 1px solid #efefef;
	}
	.navbar-collapse.form-build-nav .form-build-steps{
		margin-left: 5px !important;
	}
	form.form-name-auto {
		width: 275px;
	}
	form.form-name-auto input {
		font-size: 12px;
	}
	.navbar-brand {
		margin-right: auto;
		margin-left: 10px;
		line-height: 15px;
		font-size: 14px;
	}
	.navbar-brand span {
		font-size: 9px;
	}
	.navbar-logo img {
		width: 55px;
		height: 55px;
		line-height: 55px;
	}
	.navbar-expand-lg .navbar-nav .nav-link.bell-notify,
	.nav-link.mobile-view-toggle {
        padding: 16px 12px;
        margin-left: 12px;  
	}
	.form-build-steps {
		background: #fff;
		border-radius: 0;
		padding: 5px 3px;
	}
	.form-build-steps li a.active, .form-build-steps li a.active:hover {
		background: #efeef0;
	}
	.form-build-steps li a {
		padding: 4px 12px;
		display: block;
		text-align: center;
	}
	.form-name-auto input {
		width: 250px;
	}
	.search-form{
		display: none;
	}
	.navbar-nav.profile-menu {
		flex-direction: row;
		justify-content: flex-end;
		align-items: center;
	}
	.navbar-nav .user-menu button {
		margin-right: 0;
		margin-left: 0;
	}
	.navbar-nav.profile-menu li .dropdown-menu {
		left: auto;
		right: 0;
		margin-top: 13px;
	}
	.navbar-nav.profile-menu li .dropdown-menu.search-bar {
		position: fixed;
		left: 0 !important;
	}
	.navbar-collapse.form-build-nav .navbar-nav .user-menu .dropdown-menu {
		margin-top: 5px;
	}
	.navbar-expand-lg .navbar-nav .nav-link.bell-notify {
		margin: 0 10px;
		border-right: 1px solid #f9f7fa;
	}
	.navbar-expand-lg .navbar-nav .nav-link.link-icon.borderLeft {
		border-left: 1px solid #f9f7fa;
        margin: 0 12px;
	}
	.navbar-nav .user-menu .img-box{
		margin-right: 0;
	}
	.navbar-nav .user-menu i{
		display: none;
	}
	.search-icon-mob{
		display: block;
	}
	.none-list{
		display: none;
	}
	.user-login-info{
		display: none;
	}
	.navbar-nav .bell-notify img, .navbar-nav .search-icon-mob img{
		height: 20px;
	}
	.navbar-expand-lg .navbar-nav .nav-link.link-icon {
		padding: 16px 12px;
		border-right: 1px solid #f9f7fa;
	}
	.navbar-expand-lg .form-build-nav .navbar-nav .nav-link.link-icon {
		padding: 16px 12px;
	}
	.left-sidebar {
		left: -285px;
		top: 55px;
		height: calc(100vh - 55px);
		z-index: 999;
	}
	.left-sidebar.active {
		left: 0;
	}
	.tab-pane .left-sidebar {
		top: 110px;
        height: calc(100vh - 110px);
	}
	.left-sidebar.profile-sidebar {
		top: 55px;
	}
    .left-sidebar.responses-sidebar{
        top: 55px;
    }

	.fb-page-head .dropdown-menu.search-bar {
		min-width: 299px;
	}
	.blur-layer.show{
		display: none;
	}
	.submenu {
		position: absolute;
		left: 65px;
		width: 220px;
		top: 0;
		background: #fff;
		height: calc(100vh - 56px);
		border-top: 0;
	}
	.all-forms-graph {
		height: 150px;
	}
    .workspace-height {
        height: 140px;
    }
    .sidebar-graph {
        padding: 0 0 15px;
    }
    .fixed-form{
        width: 150px;
        height: 165px;
    }
	.right-container, .right-container.only-left-strip {
		width: 100%;
		padding: 55px 15px 50px 15px;
		margin-left: 0;
	}
	.right-container.only-left-strip .center-box img {
		width: 18rem;
	}
	.right-container.form-builder {
		padding-top: 110px;
		height: auto;
		min-height: auto;
	}
	.create-new-form h4 {
		margin-top: 40px;
		font-size: 20px;
	}
	.create-new-form h5 {
		padding: 0 30px;
	}
	.create-new-form a {
		padding: 35px 15px;
		border-radius: 20px;
	}
	.create-new-form a::before {
		border-radius: 20px;
	}
	.create-new-form a .plus-icon {
		width: 45px;
		height: 45px;
		font-size: 36px;
		line-height: 45px;
	}
	.create-new-form a .plus-text {
		margin-top: 10px;
		font-size: 14px;
	}
    .list-view-table .table {
        width: max-content;
    }
	.inner-content {
		padding: 20px 0 0;
	}
	.form-builder .inner-content {
		padding-top: 15px;
	}
	.filter-menu.custom-detail-form {
		flex-direction: column;
		justify-content: flex-start;
		margin: 15px 0;
	}
	.filter-menu ul.grid-list.form-analytics{
		display: block;
		margin-left: 0;
		margin-bottom: 15px;
	}
	.filter-menu ul.grid-list.form-analytics li a {
		font-size: 10px;
		height: 33px;
		padding: 0 10px;
	}
	.filter-menu.form-edit {
		margin-top: 0;
		justify-content: flex-start;
	}
	.filter-menu.form-edit.setting-publish {
		margin-top: 0;
	}
	.filter-menu.form-edit ul.grid-list{
		display: flex;
	}
	.form-preview-type{
		width: 100%;
		border-bottom: 1px solid #efefef;
	}
	.filter-menu.preview-filter {
		padding: 10px 0;
		margin: 0 !important;
	}
	.filter-menu.form-edit ul.preview {
		margin-left: auto;
	}
	.filter-menu ul.sort-by li a, .filter-menu ul.grid-list li a {
		padding: 0 8px;
		height: 33px;
	}
	.create-new-box {
		flex: 0 0 100%;
		max-width: 100%;
	}
    .created-form .form-head h5 {
        white-space: normal;
    }
	.form-response .graph {
		width: 25%;
	}
	.mobile-toggle-btn{
		display: block;
	}
	.navbar-nav .bell-notify:before {
		right: 9px;
		top: 13px;
	}
	.navbar-collapse.form-build-nav .navbar-nav .bell-notify:before {
		top: 8px;
	}
	.filter-menu ul.users li.add-new-user {
		margin-left: 15px;
	}
	.filter-menu ul {
		margin-left: 12px;
	}
	.middle-box {
		width: 100%;
		padding: 40px 0;
	}
	.left-white-part:before {
		display: none;
	}
	.left-part h5, .form-attend-invite .left-part h5 {
		font-size: 20px;
	}
	.left-part h6, .form-attend-invite .left-part h6, .form-attend-invite .left-part p {
		font-size: 18px;
	}
	.left-part .log-vector {
		display: none;
	}
	.right-part {
		padding: 0;
	}
	.form-attend-invite .right-part {
		padding: 0;
	}
	.right-part .login-box {
		margin-top: 20px;
		padding: 20px 15px;
	}
	.right-part .login-box h5 {
		font-size: 20px;
	}
	.login-bg {
		background: transparent;
		height: auto;
	}
	.login-box .social-login {
		display: block;
	}
	.login-box .social-login a {
		width: 100%;
	}
	.login-box .social-login a:last-child {
		margin-top: 15px;
	}
	.graph-side {
	    position: relative;
		top: 0;
		width: 100%;
		padding: 15px;
	}
	.right-form-settings {
		width: 100%;
		margin-left: 0;
	}
	.new-notify-box {
		padding: 15px;
		height: auto;
		margin: 15px 0 0;
	}
	.head-with-back {
		 margin-bottom: 15px;
	}
	.modal-content {
		padding: 0 15px 15px;
	}
	.new-form-popup .workspace-btn .btn {
		margin-left: 10px;
	}
	.new-form-popup .modal-body .input-group-append {
		width: 100%;
		display: block;
		margin-left: 0;
		margin-bottom: 5px;
	}
	.new-form-popup .modal-body .input-group .input-group-text {
		height: 40px;
		border-right: 1px solid #e0e4e9;
		border-radius: 0.25rem !important;
	}
	.new-form-popup .modal-body input {
		border-radius: 0.25rem !important;
	}
	.right-form-settings .form-box .form-group {
		padding: 10px 15px;
	}
	.right-form-settings .form-box label {
		font-size: 11px;
	}
	.input-group.link-to-share {
		width: 100%;
		flex: auto;
	}
	.input-group.link-to-share.assign-with-link-input {
		width: auto;
		flex: 1;
	}
	.link-share .light-btn, .link-share .light-btn-bg {
		margin-left: 0;
		margin-right: 15px;
	}
	.link-share .assign-with-link-input + .light-btn {
		margin-left: 15px;
		margin-right: 0;
	}
	.right-form-settings .form-box.social-box {
		margin-bottom: 10px;
	}
	.qrbox {
		display: block
	}
	.qrbox .qrimg-box {
		width: 90px;
		margin: 0 auto 15px;
	}
	.custom-pr {
		padding-right: 15px;
	}
	.custom-pl {
		padding-left: 15px;
	}
	.tracking-text h5 {
		font-size: 10px;
	}
	.graph-legend {
		font-size: 10px;
	}
	.graph-legend li {
		margin-right: 8px;
	}
	.graph-legend li i {
		font-size: 8px;
		margin-right: 0px;
	}
	.form-attend-header .container, .form-attend-body .container, .form-attend-footer .container {
		max-width: 100%;
	}
	.form-attend-header textarea, .form-attend-header textarea:focus {
		font-size: 14px;
	}
	.form-attend-header img {
		height: 30px;
		object-fit: contain;
	}
	.form-attend-body {
		padding: 5rem 0 2rem;
	}
	.form-attend-body .form-body .input-row {
		padding: .3rem 0;
	}
	.form-attend-body .form-body label {
		margin-bottom: 5px;
	}
	.form-body .checkbox-wrapper {
		flex-direction: column;
	}
	.drag-drop-area {
		height: 10rem;
	}
	.form-attend-body .form-body input[type=submit] {
		width: 100%;
	}
	.form-attend-footer p {
		display: inline-flex;
		flex-direction: column;
		margin-top: 1rem;
	}
	.form-attend-footer p a {
		margin-left: 0;
		margin-top: 1rem;
	}
	.state-page h4 {
		font-size: 22px;
	}
	.state-page p {
		font-size: 14px;
	}
	.padXZ{
		padding: 0;
	}
	.marTop15{
		margin-top: 15px;
	}
	.marBot15{
		margin-bottom: 15px;
	}
	.filter-menu.custom-detail-form.notify-filter{
		justify-content: flex-end;
	}
	.notification-box ul li{
		display: block;
	}
	.notification-box ul li .right-time {
		margin-left: 0;
		margin-top: 5px;
	}
	.notify-pagination .page-link {
		padding: 0.3rem 0.45rem;
	}
	.notify-pagination.go-to-page .bootstrap-select.fit-width {
		min-width: auto;
	}
	.pagination.justify-content-end{
		justify-content: center !important;
	}
	.notification-box {
		height: calc(100vh - 18rem);
	}
}

@media only screen and (min-width:320px) and (max-width:767px) and (orientation:landscape) {
    .create-new-box {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .grid-view-part .create-new-form {
        height: 100%;
    }
    .grid-view-part .create-new-form a {
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .left-sidebar ul.submenu {
        overflow: auto;
    }
    .left-sidebar ul li {
        margin: 0;
    }
    .left-side-menu {
        height: 100vh;
    }
    .sidebar-graph {
        position: relative;
    }
    form.form-name-auto {
        width: 130px;
    }
    .navbar-collapse.form-build-nav .form-build-steps {
        margin-left: 45px !important;
    }
    .navbar-collapse.form-build-nav {
        border-top: 0;
    }
    .form-name-auto input {
        width: 160px;
    }
    .right-container.form-builder {
        padding-top: 55px;
    }
    .filter-menu.form-edit {
        margin-top: 0;
        justify-content: flex-end;
    }
    .form-body .checkbox-wrapper {
        flex-direction: row;
    }
    .filter-menu.custom-detail-form {
        flex-direction: row;
        justify-content: space-between;
    }
    .padXZ {
        padding: 0 15px;
    }
    .padXZ.search-notification {
        width: 62%;
        padding-left: 0;
    }
    .marBot15 {
        margin-bottom: 0;
    }
    .notification-box {
        height: calc(100vh - 13rem);
    }
    .tab-pane .left-sidebar {
        top: 55px;
        height: calc(100vh - 55px);
    }
}

@media (min-width: 576px) {
    .assigned-member-popup .modal-dialog {
        max-width: 710px;
        margin-top: 7%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.login-bg {
		background: linear-gradient(to right, #fff 43%, #f9f7fa 0);
	}
	.middle-box {
		width: 90%;
		padding: 60px 0;
	}
	.left-part h5, 
	.form-attend-invite .left-part h5 {
		font-size: 20px;
	}
	.left-part h6, 
	.form-attend-invite .left-part h6, 
	.form-attend-invite .left-part p {
		font-size: 18px;
	}
	.left-part .log-vector {
		max-width: 100%;
		height: auto;
		margin-top: 20px;
	}
	.right-part {
		padding: 0;
	}
	.form-attend-invite .right-part {
		padding: 0 0 0 2rem;
	}
	.right-part .login-box {
		padding: 20px 15px;
	}
	.right-part .login-box h5 {
		font-size: 20px;
	}
	.login-box .social-login {
		display: block;
	}
	.login-box .social-login a {
		width: 100%;
	}
	.login-box .social-login a:last-child {
		margin-top: 15px;
	}
	.create-new-box {
		flex: 0 0 50%;
		max-width: 50%;
		margin-bottom: 20px;
	}
	.filter-menu.form-edit ul.grid-list{
		display: flex;
	}
	.form-response .response-title {
		width: 67%;
	}
	.form-response .graph {
		width: 33%;
	}
	.form-build-tab{
		margin: 0;
	}
	.filter-menu.form-edit {
		justify-content: flex-start;
	}
	.fb-save-wrapper {
		margin-bottom: 0;
	}
	.filter-menu.form-edit ul.preview {
		margin-left: auto;
	}
	.form-name-auto input {
		width: 155px;
	}
	.user-login-info, 
	.navbar-nav .user-menu i {
		display: none;
	}
	.form-build-steps li a {
		padding: 2px 14px;
		font-size: 11px;
	}
	.mobile-toggle-btn {
		display: block;
	}
    .navbar-expand-lg .form-build-nav .navbar-nav .nav-link.link-icon {
        padding: 20px 15px;
    }
    .navbar-nav .user-menu button {
        margin-right: 0;
        margin-left: 15px;
    }
    .navbar-nav .nav-link.mobile-view-toggle{
        padding: 21px 15px;
        margin-left: 15px;
    }
    .navbar-nav .user-menu .img-box {
        margin-right: 0;
    }
	.left-sidebar {
		left: -285px;
		top: 65px;
		height: calc(100vh - 65px);
		z-index: 999;
	}
	.left-sidebar.active {
		left: 0;
	}
	.submenu {
		height: calc(100vh - 0px);
	}
	.right-container, 
	.right-container.only-left-strip {
		width: calc(100% - 0px);
		margin-left: 0;
	}
	.right-form-settings {
		width: calc(100% - 0px);
		margin-left: 0;
	}
	.blur-layer.show {
		display: block;
	}
	.filter-menu ul.grid-list.form-analytics{
		display: block;
		margin-left: 0;
	}
	.filter-menu.custom-detail-form {
		justify-content: space-between;
		margin: 15px 0;
	}
	.custom-pr {
		padding-right: 15px;
	}
	.custom-pl {
		padding-left: 15px;
	}
	.tracking-text h5 {
		font-size: 9px;
	}
	.tracking-text p, 
	.tracking-text p > i {
		font-size: 8px;
	}
	.tracking-icon img{
		height: 25px;
	}
	.traffic-sum-up-table {
		min-width: max-content;
	}
	.form-attend-header .container, 
	.form-attend-body .container, 
	.form-attend-footer .container {
		max-width: 100%;
	}
	.filter-menu.custom-detail-form.notify-filter {
		justify-content: flex-end;
	}
    .fb-page-head .dropdown-menu.search-bar {
        min-width: 299px;
    }
    .notify-filter .btn-default {
		background: var(--theme);
		color: #fff;
		font-size: 12px;
		font-weight: 600;
		padding: 5px;
		box-shadow: 0 4px 8px 0 rgb(240 94 39 / 30%);
		width: 120px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation:landscape) {
	.fb-save-wrapper {
		margin-bottom: 0;
	}
	.custom-pr {
		padding-right: 7.5px;
	}
	.custom-pl {
		padding-left: 7.5px;
	}
	.tracking-text h5 {
		font-size: 10px;
	}
	.tracking-text h4 {
		font-size: 20px;
		margin: 7px 0;
	}
	.tracking-text p, 
	.tracking-text p > i {
		font-size: 9px;
	}
	.highcharts-xaxis-labels text{
		font-size: 9px !important;
	}
	.filter-menu.custom-detail-form {
		justify-content: flex-end;
	}
}

@media only screen and (min-width: 720px) and (max-width: 1280px) and (orientation:landscape) {
	.left-part h5, .left-part h6 {
		font-size: 20px;
	}
	.login-box .social-login a {
		padding: 8px 5px;
		font-size: 10px;
	}
	.create-new-box {
		flex: 0 0 25%;
		max-width: 25%;
	}
}

@media (min-width: 1024px) {
    .form-attend-invite .right-part {
        padding: 0 0 0 4rem;
    }
    .custom-pr {
        padding-right: 7.5px;
    }
    .custom-pl {
        padding-left: 7.5px;
    }
    .tracking-text h5 {
        font-size: 10px;
    }
    .tracking-text h4 {
        font-size: 20px;
        margin: 7px 0;
    }
    .tracking-text p,
    .tracking-text p>i {
        font-size: 9px;
    }
}

@media (min-width: 1366px) {
    .form-attend-invite .right-part {
        padding: 0 0 0 4rem;
    }
    .custom-pr {
        padding-right: 7.5px;
    }
    .custom-pl {
        padding-left: 7.5px;
    }
    .tracking-text h5 {
        font-size: 10px;
    }
    .tracking-text h4 {
        font-size: 20px;
        margin: 7px 0;
    }
    .tracking-text p,
    .tracking-text p>i {
        font-size: 9px;
    }
  
}

@media only screen and (min-width: 1300px) and (max-width: 1440px){
      .left-side-menu {
		height: calc(100vh - 390px);
	}
	.workspace-height {
		height: 160px;
		overflow-y: auto !important;
	}
}
@media only screen and (min-width: 1441px) and (max-width: 1500px){
	.workspace-height {
		height: 130px;
	}
}
@media only screen and (min-width: 900px) and (max-width: 1440px){
	body {
		font-size: 0.75rem !important;
	}
	.inner-content h5, .inner-content h5 a {
		font-size: 12px;
		font-weight: 600;
	}
	.created-form .form-head h6 {
		font-size: 9px;
		font-weight: 600;
	}
	.grid-view-part .create-new-form a .plus-text, .list-view-part .create-new-form a .plus-text {
		font-size: 12px;
		font-weight: 500;
	}
	.submenu li .workspace .my-work {
		font-weight: 600;
		font-size: 13px;
		line-height: 16px;
	}
	.submenu li .workspace .my-work span {
		font-size: 10px;
	}
	.stats-box {
		font-size: 10px;
	}
	.sidebar-graph {
		padding: 0 0 6px;
	}
	.submenu li .workspace .work-links a img {
		height: 13px;
		width: auto;
	}
	.left-sidebar .submenu li.seperator {
		margin: 5px 0;
	}
	.submenu .menu-item a ion-icon {
		font-size: 15px;
	}
	.submenu .menu-item a {
		font-size: 11px;
		font-weight: 500;
		padding: 5px 15px;
	}
	.left-side-menu.formanalytic-menu {
		height: calc(100vh - 350px);
	}
	.submenu .menu-item a span {
		color: var(--gray);
		font-weight: 500;
	}
	.filter-menu ul.sort-by li.asc-desc .form-control .dropdown-toggle {
		line-height: 33px;
		background: transparent;
		font-size: 10px;
		font-weight: 600;
	}
	.inner-content h5 {
		margin: 0;
		font-size: 13px;
		font-weight: 600;
	}
	div#all-forms {
		width: 150px !important;
		height: 150px !important;
		overflow: initial !important;
		margin-bottom: 15px !important;
	}
	.filter-menu ul.grid-list.form-analytics li a {
		font-size: 11px;
		font-weight: 600;
	}
	.dates-select {
		font-size: 11px;
		font-weight: 500;
		border: none;
	}
	.inner-content h5 {
		margin: 0;
		font-size: 12px;
		font-weight: 600;
	}
	h6, .h6 {
		font-size: 12px;
	}
	h5.workspaceheader{
		font-size: 13px;
	}
	.traffic-sum-up-table thead tr th {
		border: 0;
		font-weight: 600;
	}
	.traffic-sum-up-table>thead {
		background: #f7f7f7;
		color: #cacaca;
		font-size: 10px;
	}
	.traffic-sum-up-table tbody tr td {
		font-size: 10px;
	}
	.device-sum-textbox h5 {
		font-weight: 400;
		font-size: 11px;
	}
	.modal-title {
		font-size: 12px;
	}
	.modal-header .close {
		width: 20px;
		height: 20px;
		font-size: 20px;
	}
	.modal-body label {
		font-size: 11px;
	}
	.modal-body input {
		font-size: 10px;
	}
	.bootstrap-select .dropdown-toggle .filter-option {
		position: absolute;
		top: 0;
		left: 0;
		padding-top: inherit;
		padding-right: inherit;
		padding-bottom: inherit;
		padding-left: inherit;
		height: 100%;
		width: 100%;
		text-align: left;
	}
	.btn:not(:disabled):not(.disabled) {
		cursor: pointer;
	}
	.bootstrap-select .dropdown-toggle, .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show>.btn-light.dropdown-toggle, .bootstrap-select .dropdown-toggle:focus {
		font-size: 10px;
	}
	.form-name-auto input {
		font-size: 13px;
	}
	.fb-page-head .page-title {
		font-size: 13px;
		font-weight: 600;
	}
	.fb-add-field-types .card-link, .field-settings-element .card-link, .fb-logic-field-wrapper .card-link {
		font-size: 11px;
	}
	.fb-add-field-types a, .fb-logic-field-wrapper a {
		font-size: 11px;
	}
	.form-build-steps li a {
		color: var(--gray);
		font-size: 11px;
	}
	.fb-button[disabled] {
		font-size: 11px;
	}
	.fb-field-wrapper .subtemplate-wrapper > label {
		display: block;
		padding-bottom: 3px;
		margin-bottom: 7px;
		font-weight: 500;
		font-size: 11px;
		color: #000;
	}
	inner-content h5, .inner-content h5 a {
		margin: 0;
		font-size: 12px;
	}
	.right-form-settings .form-box label {
		font-size: 11px;
	}
	.right-form-settings .form-box label span {
		font-size: 10px;
		font-weight: 600;
	}
	.submenu .menu-item a {
		color: var(--gray);
		font-size: 11px;
	}
	.theme-btn, .theme-light-btn, .light-btn, .light-btn-bg {
		font-size: 11px;
		font-weight: 500;
	}
	.right-form-settings .form-box .form-control {
		font-size: 11px;
		font-weight: 600;
	}
	.email-id-row input {
		border: 0px;
		outline: 0px;
		font-size: 10px;
		font-weight: 500;
	}
	.user-menu .dropdown-toggle h5 {
		color: #000;
		font-weight: 600;
		font-size: 12px;
	}
	.user-menu .dropdown-toggle h6 {
		color: #bbbaba;
		font-size: 11px;
	}
	.navbar-nav.profile-menu li .dropdown-menu a {
		font-size: 11px;
		font-weight: 500;
	}
	.right-part .login-box h5 {
		font-size: 20px;
	}
	.right-part .login-box p {
		font-size: 12px;
		font-weight: 500;
	}
	.login-box form label {
		font-size: 11px;
		font-weight: 500;
	}
	.login-box form .form-control {
		font-size: 10px;
		font-weight: 600;
	}
	.login-box form .btn {
		font-weight: 600;
		font-size: 11px;
	}
	.login-box .social-login a img {
		margin-right: 5px;
		height: 22px;
	}
	.login-box .log-seperator {
		text-align: center;
		margin: 10px 0 10px;
		font-size: 12px;
	}
	p {
		margin-top: 0;
		margin-bottom: 10px;
	}
	.form-group {
		margin-bottom: 8px;
	}
	.right-part .login-box {
		background: #fff;
		padding: 25px;
	}
	.fixed-form {
		height: 140px;
		width: 140px;
		margin: auto;
		overflow: visible !important;
		margin-bottom: 20px;
	}
	.middle-box {
		width: auto;
	}
	.submenu .menu-item a ion-icon {
		font-size: 16px;
		margin-right: 5px;
		vertical-align: middle;
	}
	.right-part {
		padding: 0 20px;
		padding-top: 3%;
	}
}

@media only screen and (min-width: 900px) and (max-width: 1440px) and (orientation:landscape) {
	.create-new-box {
		flex: 0 0 25%;
		max-width: 25%;
	}
}

@media only screen and (min-width: 1600px) {
    .workspace-height {
        height: calc(100vh - 580px);
    }
}
@media (min-width: 2048px) {
    .form-attend-invite .right-part {
        padding: 0 0 0 10rem;
    }
    .create-new-box {
        flex: 0 0 16.66%;
        max-width: 16.66%;
    }
    .navbar-logo {
        width: 90px;
        height: 90px;
        line-height: 90px;
    }
    .left-sidebar {
        top: 90px;
        width: 90px;
        height: calc(100vh - 90px);
    }
    .left-sidebar ul li a img {
        width: 25px;
    }
    .submenu {
        left: 90px;
        width: 320px;
        height: calc(100vh - 90px);
    }
    .left-side-menu {
        height: calc(100vh - 395px);
    }
    .dropdown-menu.search-bar {
        min-width: 320px;
    }
    .right-container {
        width: 80%;
        margin-left: 20%;
        padding-top: 90px;
    }
    .right-form-settings {
        width: calc(100% - 430px);
        margin-left: 430px;
    }
    .navbar-expand-lg .navbar-nav .nav-link.link-icon {
        padding: 33px 20px;
    }
    .navbar-nav.profile-menu li .dropdown-menu {
        margin-top: 31px;
    }
    .graph-side {
        width: 20%;
        top: 90px;
    }
    .input-group.link-to-share.assign-with-link-input {
        width: auto;
        flex: 1;
    }
    .link-share .light-btn,
    .link-share .light-btn-bg {
        margin-left: 0;
        margin-right: 15px;
    }
    .link-share .assign-with-link-input+.light-btn {
        margin-left: 15px;
        margin-right: 0;
    }
    .right-form-settings .form-box.social-box {
        margin-bottom: 10px;
    }
    .qrbox {
        display: block
    }
    .qrbox .qrimg-box {
        width: 90px;
        margin: 0 auto 15px;
    }
    .custom-pr {
        padding-right: 15px;
    }
    .custom-pl {
        padding-left: 15px;
    }
    .tracking-text h5 {
        font-size: 10px;
    }
    .graph-legend {
        font-size: 10px;
    }
    .graph-legend li {
        margin-right: 8px;
    }
    .graph-legend li i {
        font-size: 8px;
        margin-right: 0px;
    }
    .form-attend-header .container,
    .form-attend-body .container,
    .form-attend-footer .container {
        max-width: 100%;
    }
    .form-attend-header textarea,
    .form-attend-header textarea:focus {
        font-size: 14px;
    }
    .form-attend-header img {
        height: 30px;
        object-fit: contain;
    }
    .form-attend-body {
        padding: 5rem 0 2rem;
    }
    .form-attend-body .form-body .input-row {
        padding: 1.3rem 0;
    }
    .form-attend-body .form-body label {
        margin-bottom: 5px;
    }
    .form-body .checkbox-wrapper {
        flex-direction: column;
    }
    .drag-drop-area {
        height: 10rem;
    }
    .form-attend-body .form-body input[type=submit] {
        width: 100%;
    }
    .form-attend-footer p {
        display: inline-flex;
        flex-direction: column;
        margin-top: 1rem;
    }
    .form-attend-footer p a {
        margin-left: 0;
        margin-top: 1rem;
    }
    .state-page h4 {
        font-size: 22px;
    }
    .state-page p {
        font-size: 14px;
    }
    .padXZ {
        padding: 0;
    }
    .marTop15 {
        margin-top: 15px;
    }
    .marBot15 {
        margin-bottom: 15px;
    }
    .filter-menu.custom-detail-form.notify-filter {
        justify-content: flex-end;
    }
    .notification-box ul li {
        display: block;
    }
    .notification-box ul li .right-time {
        margin-left: 0;
        margin-top: 5px;
    }
    .notify-pagination .page-link {
        padding: 0.3rem 0.45rem;
    }
    .notify-pagination.go-to-page .bootstrap-select.fit-width {
        min-width: auto;
    }
    .pagination.justify-content-end {
        justify-content: center !important;
    }
    .notification-box {
        height: calc(100vh - 18rem);
    }
    .notify-filter .btn-default {
		margin-bottom: 15px;
		float: right;
	}
	.workspace-height {
		height: calc(100vh - 620px);
	}
	.left-side-menu.formanalytic-menu {
		height: calc(100vh - 450px);
	}
    .right-container.only-left-strip {
        width: calc(100% - 90px);
        margin-left: 90px;
    }
}

@media (min-width: 3500px) {
	body, * {
		font-size: xx-large !important;
	}
	.left-part .log-img {
		height: 2rem;
	}
	.right-part .login-box {
		padding: 2.5rem;
		border-radius: .7rem;
	}
	.left-part h5, .left-part h5 span, .left-part h6, .form-attend-invite .left-part h6 span, .form-attend-invite .left-part p {
		font-size: 1.5rem !important;
	}
	.create-new-form h4{
		font-size: 2rem !important;
		margin-top: 3rem;
	}
	.login-box .social-login a {
		padding: 20px 10px;
	}
	.login-box .social-login a img {
		margin-right: 20px;
		height: 60px;
	}
	.login-box form .form-control, .login-box form .form-control:focus {
		height: 110px;
	}
	.create-new-box {
		flex: 0 0 20%;
		max-width: 20%;
		margin-bottom: 35px;
	}
	.list-form-box {
		margin-bottom: 35px;
	}
	.navbar-logo img {
		width: 110px;
		height: 110px;
		line-height: 110px;
	}
	.left-sidebar {
		top: 110px;
		width: 110px;
		height: calc(100vh - 110px);
	}
	.navbar-brand {
		margin-left: 30px;
		line-height: 32px;
	}
	.search-form {
		width: 700px;
		margin-right: 30px;
	}
	.search-form .input-group-text img {
		height: 40px;
	}
	.navbar-nav .link-icon img, .navbar-nav .search-icon-mob img {
		height: 46px;
	}
	.navbar-nav .user-menu .img-box {
		height: 46px;
		width: 46px;
		margin-right: 20px;
	}
	.submenu .menu-item a ion-icon {
		font-size: 1.3em !important;
	}
	.submenu li .workspace .my-work {
		line-height: 46px;
	}
	.left-sidebar .submenu li {
		padding-left: 30px;
	}
	.submenu .menu-item a {
		border-radius: 10px 0 0 10px;
		padding: 20px 30px;
	}
	.submenu li .workspace .work-links a img {
		height: 40px;
	}
	.submenu li .workspace .work-links a {
		margin: 0 30px 0 0;
	}
	.left-sidebar ul li {
		margin: 2em 0px 0;
	}
	.left-sidebar ul li a img {
		width: 40px;
	}
	.submenu {
		left: 110px;
		width: 550px;
		height: calc(100vh - 110px);
	}
	.left-sidebar .submenu li.list-header {
		padding-top: 25px;
		padding-bottom: 25px;
	}
	.left-sidebar .submenu li.seperator {
		margin: 30px 0;
	}
	.progress-box {
		padding: 20px 30px 30px;
	}
	.progress-box .progress {
		margin-bottom: 30px;
	}
	.navbar-expand-lg .navbar-nav .nav-link.link-icon {
		padding: 33px 30px;
	}
	.navbar-nav .user-menu button {
		margin: 0 30px;
	}
	.navbar-nav .bell-notify:before {
		width: 15px;
		height: 15px;
		right: 20px;
		top: 23px;
	}
	.navbar-nav.profile-menu li .dropdown-menu {
		margin-top: 24px;
		min-width: 600px;
	}
	.navbar-nav.profile-menu li .dropdown-menu a {
		padding: 20px 30px;
	}
	.navbar-nav.profile-menu li .dropdown-menu.notification a {
		padding-left: 60px;
	}
	.navbar-nav.profile-menu li .dropdown-menu .mark-all a {
		padding-left: 45px;
	}
	.navbar-nav.profile-menu li .dropdown-menu.notification a:before {
		width: 13px;
		height: 13px;
		left: 35px;
		top: 38px;
	}
	.navbar-nav .user-menu .img-box {
		height: 55px;
		width: 55px;
        line-height: 55px;
	}
	.filter-menu ul.users li {
		height: 75px;
		width: 75px;
	}
	.filter-menu ul.users li.add-new-user, .form-build-tab .filter-menu ul.users li.add-new-user {
		margin-left: 30px;
		line-height: 65px;
	}
	.filter-menu ul.sort-by li.asc-desc>a {
		padding-left: 20px;
	}
	.filter-menu ul.sort-by li.asc-desc a img {
		height: 26px;
	}
	.filter-menu ul.sort-by li a, .filter-menu ul.grid-list li a {
		height: 2.5em;
		padding: 0px 30px;
	}
	.filter-menu ul.grid-list li:first-child a {
		border-radius: 12px 0 0 12px;
	}
	.filter-menu ul.grid-list li:last-child a {
		border-radius: 0 12px 12px 0;
	}
	.filter-menu ul.sort-by li.asc-desc .form-control .dropdown-menu li a, 
	.form-control .dropdown-menu li a{
		padding: 30px 20px;
		border-radius: 10px;
	}
	.filter-menu ul.sort-by li.asc-desc .form-control div.dropdown-menu {
		padding: 10px 10px;
		margin-top: 60px;
	}
	.filter-menu ul.sort-by li.asc-desc .form-control {
		width: 210px;
		height: 80px;
	}
	.filter-menu ul.sort-by li.asc-desc .form-control .dropdown-toggle {
		line-height: 80px;
		padding-left: 70px;
		height: 80px;
	}
	.filter-menu ul {
		margin-left: 30px;
	}
    .notify-filter .btn-default {
        padding: .25em .5em;
    }
	.email-id-row {
		border-radius: 8px;
		min-height: 90px;
	}
	.label-with-icon i {
		width: 2em;
		height: 2em;
		line-height: 2em;
		margin-right: 15px;
	}
	.link-share .light-btn, .link-share .light-btn-bg {
		padding: 15px 30px;
		margin-left: 20px;
		border-radius: 8px;
	}
	.right-form-settings .form-box .form-group.borderBottom {
		padding-bottom: 30px;
		margin-bottom: 15px;
	}
	.right-form-settings .form-box label span {
		font-size: 0.8em !important;
	}
	.right-form-settings .form-box.social-box {
		padding: 30px;
	}
	.text-box h5 {
		font-size: 1.2em !important;
	}
	.created-form {
		border-radius: 15px;
	}
	.form-response {
		padding: 40px 35px;
	}
	.created-form .form-head {
		padding: 40px 35px;
		border-radius: 15px 15px 0 0;
	}
	.form-action {
		padding: 40px 35px;
		border-radius: 0 0 15px 15px;
	}
	.form-response .response-title {
		width: 70%;
	}
	.form-response .graph {
		width: 30%;
		height: 65px;
	}
	.create-new-form a {
		padding: 80px 40px;
	}
	.left-side-menu {
		height: calc(100vh - 480px);
	}
	.right-container {
		width: calc(100% - 660px);
		margin-left: 660px;
		padding-top: 110px;
	}
	.inner-content {
		padding: 45px 35px;
	}
	.create-new-box .create-new-form, .grid-view-part .create-new-form a {
		height: 100%;
		border-radius: 15px;
	}
	.list-form-box .created-form, .list-view-part .create-new-form a {
		min-height: 130px;
	}
	.list-form-box .created-form .form-title .form-head {
		padding: 0 15px;
		border-radius: 15px;
		margin-left: 12px;
		height: 110px;
		min-width: 110px;
		width: 110px;
		line-height: 110px;
	}
	.list-form-box .form-action {
		padding: 38px 35px;
		border-radius: 0 15px 15px 0;
	}
	.list-form-box .form-action ul li {
		margin-right: 40px;
	}
	.list-form-box .created-form .form-created h6 span {
		font-size: 20px !important;
		margin-top: 10px;
	}
	.list-form-box .form-response .response-title h6{
		font-size: 20px !important;
	}
	.modal-body input {
		height: 90px;
	}
	.modal-dialog {
		max-width: 1200px;
	}
	.modal-body img {
		height: 200px;
		margin: 15px 15px 70px;
	}
	.bootstrap-select .dropdown-toggle, .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle, .bootstrap-select .dropdown-toggle:focus {
		height: 90px;
		line-height: 55px;
	}
	.dropdown-menu.search-bar {
		min-width: 550px;
		top: 100px !important;
	}
	.search-bar input {
		height: 90px;
	}
	.grid-view-part .create-new-form a{
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	.create-new-form a .plus-icon {
		width: 100px;
		height: 100px;
		font-size: 70px !important;
		line-height: 100px;
	}
	.list-view-part .create-new-form a .plus-icon {
		width: 90px;
		height: 90px;
		font-size: 70px !important;
		line-height: 90px;
		margin-right: 30px;
	}
	.custom-dropmenu .dropdown-menu {
		margin-top: 50px;
	}
	.right-container.form-builder {
		width: 85%
	}
	.form-builder .inner-content {
		padding-top: 50px;
	}
	.form-build-steps {
		padding: 6px;
	}
	.form-build-steps li a {
		padding: 3px 25px;
	}
	.form-name-auto input {
		width: 30em;
	}
	.form-name-auto img {
		height: 40px;
	}
	.right-form-settings {
		width: calc(100% - 675px);
		margin-left: 675px;
	}
	.right-form-settings .container-fluid {
		padding: 0 40px;
	}
	.right-form-settings .form-box .form-control {
		height: 90px;
	}
	.right-form-settings .form-box label {
		line-height: 1.4;
	}
	.right-form-settings .form-box .form-group {
		padding: 20px 30px;
	}
	.bootstrap-select .dropdown-menu {
		padding: 5px 10px;
	}
	.theme-btn, .theme-light-btn, .light-btn, .light-btn-bg, .state-page .theme-btn {
		padding: 20px 30px;
		border-radius: 10px;
	}
	.download_btn {
		margin-top: 20px;
	}
	.notify-mails .create-new-form, .notify-mails .create-new-form a {
		height: 100%;
		border-radius: 15px;
	}
	.new-notify-box {
		padding: 20px 30px;
		border-radius: 15px;
	}
	.notify-list .notify-title .notify-name img {
		height: 36px;
		margin-right: 15px;
	}
	.notify-title .custom-dropmenu .dropdown-menu a i {
		margin-right: 12px;
	}
	.head-with-back a {
		margin-right: 20px;
	}
	.head-with-back a i {
		width: 2em;
		height: 2em;
		line-height: 2em;
		font-size: 1em !important;
	}
	.notify-list .notify-details span strong {
		width: calc(100% - 4em);
	}
	.graph-side{
		width: 15%;
		top: 110px;
		padding: 50px 20px;
	}
	.graph-side .sidebar-graph {
		margin-bottom: 40px;
		border-radius: 15px;
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.stats-box {
		padding: 0 30px;
	}
	.socialiconimg-box img {
		width: 80px;
		height: 80px;
		line-height: 80px;
		padding: 16px;
	}
	.text-box {
		width: calc(100% - 110px);
		margin-left: 30px;
	}
	.qrbox .qrimg-box {
		width: 310px;
		margin-right: 30px;
	}
	.qrbox .qrimg-box img {
		width: 100%;
	}
	.assigned-member-popup .modal-dialog {
		max-width: 50em;
	}
	.assigned-member-popup .dropdown.bootstrap-select.form-control {
		width: 9em;
		height: 90px;
	}
	.modal-header .close {
		width: 1.2em;
		height: 1.2em;
		font-size: 2em !important;
	}
	.new-form-popup .modal-body input[type=checkbox] {
		width: .9em;
		height: .9em;
	}
	.search-form input {
		border-radius: 0 50px 50px 0;
	}
	.search-form .input-group-text {
		border-radius: 50px 0 0 50px;
	}
	.dates-select {
		height: 2.5em;
		padding: 20px 30px;
		border-radius: 8px;
	}
	.date-icon {
		padding-left: 20px !important;
	}
	.date-icon::before {
		top: 13px;
		right: 40px;
	}
	.date-icon .input-group .input-group-text {
		height: 2.5em;
		border-radius: 0 8px 8px 0;
		padding: 1rem;
	}
	.right-form-settings .form-box .traffic-text-box .bootstrap-select {
		height: 90px;
	}
	.right-form-settings .form-box .traffic-text-box .bootstrap-select .dropdown-toggle {
		height: 90px;
		line-height: 2;
	}
	.right-form-settings .form-box {
		border-radius: 10px;
		padding: 30px 0;
	}
	.all-forms-graph{
		height:13em;	
	}
	.sent-form-graph, .response-rate-graph{
		height:13em;
	}
	.main-basic-line {
		height: 12.6em;
	}
	.device-summary-graph, .platform-summary-graph, .location-summary-graph{
		height: 15em;
	}
	.tracking-text h4 {
		font-size: 1.5em !important;
		margin: 15px 0;
	}
	.tracking-text p, .tracking-text p > i {
		font-size: .9em !important;
	}
	.tracking-icon img{
		height: 4em;
	}
	.right-form-settings .form-box.tracking {
		padding: 1em;
		margin-bottom: 1em;
	}
	.pad-4xl {
		padding-left: 1em;
	}
	.custom-pl {
		padding-left: .5em;
	}
	.custom-pr {
		padding-right: .5em;
	}
	.row.custom-mt {
		margin-top: 1em;
	}
	.traffic-text-box {
		margin-bottom: 1em;
		padding: 0 1em;
	}
	.traffic-sum-up-table {
		min-width: max-content;
	}
	.traffic-sum-up-table tr td .scroll-tbody {
		height: 12em;
	}
	.traffic-sum-up-table tbody tr td {
		padding: 1em 0.75rem;
	}
	.highcharts-axis-labels text{
		font-size: 20px !important;
	}
	.fa-circle {
		font-size: 20px !important;
		margin-right: 15px;
	}
	.chart-summary-text, .platform-summary-list {
		padding: 20px 0;
	}
	.form-attend-header textarea, .form-attend-header textarea:focus {
		font-size: 1.5rem !important;
	}
	.form-attend-header img {
		height: 2rem;
	}
	.form-attend-body .form-body input {
		height: 3rem;
		font-size: .95rem !important;
	}
	.form-attend-body .form-body label.light-label {
		font-size: .95rem !important;
	}
	.form-attend-body .form-body label span {
		font-size: 1.2rem !important;
	}
	.form-attend-body .form-body label.error-msg i {
		font-size: .5rem !important;
	}
	.drag-drop-area .icon img {
		margin-bottom: .5rem;
		transform: scale(1.5);
	}
	.form-body [type="radio"] + label:before, .form-body .checkbox-wrapper .check-icon {
		width: 1.5rem;
		height: 1.5rem;
		border: 4px solid #c7c7c7;
	}
	.form-body .checkbox-wrapper .check-icon {
		border-radius: 8px;
	}
	.form-body [type="radio"] + label {
		padding-left: 2rem;
		line-height: 1.5rem;
		font-size: .95rem !important;
	}
	.form-body [type="radio"] + label:after {
		width: .7rem;
		height: .7rem;
		top: 12px;
		left: 12px;
	}
	.form-body .checkbox-wrapper .check-icon:before {
		font-size: .8rem;
	}
	.form-attend-footer img {
		height: 2rem;
	}
	.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
		font-size: .95rem !important;
	}
	.form-body .checkbox-wrapper input.checkbox + .check-icon + div {
		font-size: .95rem !important;
	}
	.form-attend-body {
		min-height: calc(100vh - 4.5rem);
	}
	.state-page {
		min-height: calc(100vh - 4.5rem);
	}
	.state-page .container {
		max-width: 80%;
	}
	.state-page h4 {
		font-size: 2rem !important;
	}
	.state-page p {
		font-size: 1.3rem !important;
	}
	.right-container.only-left-strip {
		width: calc(100% - 110px);
		margin-left: 110px;
	}
	.search-notification input, .search-notification input:focus{
		height: 80px; 
	}
	.notify-pagination .page-item {
		padding: 17px 16px;
	}
	.bootstrap-select .dropdown-menu li a {
		padding: .6rem 11px;
	}
	.daterangepicker .calendar {
		max-width: 25rem;
		margin: .8rem;
	}
	.ranges {
		margin: .8rem;
	}
	.daterangepicker .input-mini {
		height: 80px;
		line-height: 80px;
		padding: 0 6px 0 60px;
	}
	.daterangepicker .daterangepicker_input i {
		left: 18px;
		top: 22px;
	}
	.daterangepicker .calendar td, .daterangepicker .calendar th {
		min-width: 3rem;
		padding: .5rem;
	}
    .workspace-height {
		height: calc(100vh - 1040px);
	}
}